@charset "UTF-8";
/**********************************/
/* Variables et Override boostrap */
/**********************************/
:root {
  --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-white: white;
  --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: #231f20;
  --bs-black: black;
  --bs-dark-gray: #3c3738;
  --bs-green-flash: #699930;
  --bs-green-olive: #a2d165;
  --bs-green-medium: #718466;
  --bs-green-light: #aab5a3;
  --bs-green-gray: #f1f8e8;
  --bs-green-fir: #469e61;
  --bs-green-planet: #8bc53f;
  --bs-blue-light: #f5fbf8;
  --bs-green-univers: #b9dc8c;
  --bs-green-gray-medium: #c9cfc3;
  --bs-blue-medium: #cedbdb;
  --bs-green-light-khaki: #c7d2b8;
  --bs-green-blue: #95b0a4;
  --bs-green-blue-gray: #7c948a;
  --bs-green-cyan: #86b2b1;
  --bs-blue-sky: #edf9f8;
  --bs-green-services: #95b3a0;
  --bs-green-light-services: #f3f9f5;
  --bs-green-light-alentours: #ecf5e5;
  --bs-blue-light-offres: #f4f5f3;
  --bs-green-experience: #87c25f;
  --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-white: white;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary-rgb: 13, 110, 253;
  --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: 35, 31, 32;
  --bs-black-rgb: 0, 0, 0;
  --bs-dark-gray-rgb: 60, 55, 56;
  --bs-green-flash-rgb: 105, 153, 48;
  --bs-green-olive-rgb: 162, 209, 101;
  --bs-green-medium-rgb: 113, 132, 102;
  --bs-green-light-rgb: 170, 181, 163;
  --bs-green-gray-rgb: 241, 248, 232;
  --bs-green-fir-rgb: 70, 158, 97;
  --bs-green-planet-rgb: 139, 197, 63;
  --bs-blue-light-rgb: 245, 251, 248;
  --bs-green-univers-rgb: 185, 220, 140;
  --bs-green-gray-medium-rgb: 201, 207, 195;
  --bs-blue-medium-rgb: 206, 219, 219;
  --bs-green-light-khaki-rgb: 199, 210, 184;
  --bs-green-blue-rgb: 149, 176, 164;
  --bs-green-blue-gray-rgb: 124, 148, 138;
  --bs-green-cyan-rgb: 134, 178, 177;
  --bs-blue-sky-rgb: 237, 249, 248;
  --bs-green-services-rgb: 149, 179, 160;
  --bs-green-light-services-rgb: 243, 249, 245;
  --bs-green-light-alentours-rgb: 236, 245, 229;
  --bs-blue-light-offres-rgb: 244, 245, 243;
  --bs-green-experience-rgb: 135, 194, 95;
  --bs-blue-rgb: 13, 110, 253;
  --bs-indigo-rgb: 102, 16, 242;
  --bs-purple-rgb: 111, 66, 193;
  --bs-pink-rgb: 214, 51, 132;
  --bs-red-rgb: 220, 53, 69;
  --bs-orange-rgb: 253, 126, 20;
  --bs-yellow-rgb: 255, 193, 7;
  --bs-green-rgb: 25, 135, 84;
  --bs-teal-rgb: 32, 201, 151;
  --bs-cyan-rgb: 13, 202, 240;
  --bs-white-rgb: 255, 255, 255;
  --bs-gray-rgb: 108, 117, 125;
  --bs-gray-dark-rgb: 52, 58, 64;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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-bg: white; }

*,
*::before,
*::after {
  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: rgba(0, 0, 0, 0); }

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25; }

hr:not([size]) {
  height: 1px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2; }

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 + 0.9vw); }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 2rem; } }

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw); }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 1.75rem; } }

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw); }
  @media (min-width: 1200px) {
    h4, .h4 {
      font-size: 1.5rem; } }

h5, .h5 {
  font-size: 1.25rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

ol,
ul {
  padding-left: 2rem; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

b,
strong {
  font-weight: bolder; }

a {
  color: #0d6efd;
  text-decoration: underline; }
  a:hover {
    color: #0a58ca; }

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none; }

pre,
code {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word; }
  a > code {
    color: inherit; }

img,
svg {
  vertical-align: middle; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

label {
  display: inline-block; }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

input,
button {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

button,
[type="button"],
[type="submit"] {
  -webkit-appearance: button; }
  button:not(:disabled),
  [type="button"]:not(:disabled),
  [type="submit"]:not(:disabled) {
    cursor: pointer; }

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/

[hidden] {
  display: none !important; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.container,
.container-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  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: 1140px; } }

@media (min-width: 1400px) {
  .container {
    max-width: 1320px; } }

@media (min-width: 1600px) {
  .container {
    max-width: 1540px; } }

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x)); }
  .row > * {
    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); }

.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem); }
  .grid .g-col-12 {
    grid-column: auto/span 12; }
  @media (min-width: 576px) {
    .grid .g-start-sm-2 {
      grid-column-start: 2; } }
  @media (min-width: 992px) {
    .grid .g-col-lg-1 {
      grid-column: auto/span 1; }
    .grid .g-col-lg-6 {
      grid-column: auto/span 6; }
    .grid .g-start-lg-2 {
      grid-column-start: 2; } }

.col {
  flex: 1 0 0%; }

.col-1 {
  flex: 0 0 auto;
  width: 8.33333%; }

.col-2 {
  flex: 0 0 auto;
  width: 16.66667%; }

.col-4 {
  flex: 0 0 auto;
  width: 33.33333%; }

.col-8 {
  flex: 0 0 auto;
  width: 66.66667%; }

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333%; }

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

.g-0 {
  --bs-gutter-x: 0; }

.g-0 {
  --bs-gutter-y: 0; }

@media (min-width: 576px) {
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; } }

@media (min-width: 768px) {
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-md-1 {
    margin-left: 8.33333%; } }

@media (min-width: 992px) {
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; } }

@media (min-width: 1200px) {
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xl-4 {
    margin-left: 33.33333%; } }

@media (min-width: 1400px) {
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; } }

@media (min-width: 1600px) {
  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%; } }

.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6; }
  .table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); }
  .table > tbody {
    vertical-align: inherit; }
  .table > thead {
    vertical-align: bottom; }
  .table > :not(:first-child) {
    border-top: 2px solid currentColor; }

.table-bordered > :not(caption) > * {
  border-width: 1px 0; }
  .table-bordered > :not(caption) > * > * {
    border-width: 0 1px; }

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color); }

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color); }

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem; }
  .form-check .form-check-input {
    float: left;
    margin-left: -1.5em; }

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  color-adjust: exact; }
  .form-check-input[type="checkbox"] {
    border-radius: 0.25em; }
  .form-check-input:active {
    filter: brightness(90%); }
  .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 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"] {
      background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e"); }
  .form-check-input[type="checkbox"]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e"); }
  .form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5; }
   .form-check-input:disabled ~ .form-check-label {
    opacity: 0.5; }

.form-switch {
  padding-left: 2.5em; }
  .form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .form-switch .form-check-input {
        transition: none; } }
    .form-switch .form-check-input:focus {
      background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e"); }
    .form-switch .form-check-input:checked {
      background-position: right center;
      background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27white%27/%3e%3c/svg%3e"); }

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  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; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #212529; }
   .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); }
  .btn:disabled {
    pointer-events: none;
    opacity: 0.65; }

.btn-primary {
  color: white;
  background-color: #0d6efd;
  border-color: #0d6efd; }
  .btn-primary:hover {
    color: white;
    background-color: #0b5ed7;
    border-color: #0a58ca; }
   .btn-primary:focus {
    color: white;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); }
   .btn-primary:active, .btn-primary.active,
  .show > .btn-primary.dropdown-toggle {
    color: white;
    background-color: #0a58ca;
    border-color: #0a53be; }
     .btn-primary:active:focus, .btn-primary.active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); }
  .btn-primary:disabled {
    color: white;
    background-color: #0d6efd;
    border-color: #0d6efd; }

.btn-secondary {
  color: white;
  background-color: #6c757d;
  border-color: #6c757d; }
  .btn-secondary:hover {
    color: white;
    background-color: #5c636a;
    border-color: #565e64; }
   .btn-secondary:focus {
    color: white;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); }
   .btn-secondary:active, .btn-secondary.active,
  .show > .btn-secondary.dropdown-toggle {
    color: white;
    background-color: #565e64;
    border-color: #51585e; }
     .btn-secondary:active:focus, .btn-secondary.active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); }
  .btn-secondary:disabled {
    color: white;
    background-color: #6c757d;
    border-color: #6c757d; }

.btn-success {
  color: white;
  background-color: #198754;
  border-color: #198754; }
  .btn-success:hover {
    color: white;
    background-color: #157347;
    border-color: #146c43; }
   .btn-success:focus {
    color: white;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); }
   .btn-success:active, .btn-success.active,
  .show > .btn-success.dropdown-toggle {
    color: white;
    background-color: #146c43;
    border-color: #13653f; }
     .btn-success:active:focus, .btn-success.active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); }
  .btn-success:disabled {
    color: white;
    background-color: #198754;
    border-color: #198754; }

.btn-info {
  color: black;
  background-color: #0dcaf0;
  border-color: #0dcaf0; }
  .btn-info:hover {
    color: black;
    background-color: #31d2f2;
    border-color: #25cff2; }
   .btn-info:focus {
    color: black;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); }
   .btn-info:active, .btn-info.active,
  .show > .btn-info.dropdown-toggle {
    color: black;
    background-color: #3dd5f3;
    border-color: #25cff2; }
     .btn-info:active:focus, .btn-info.active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); }
  .btn-info:disabled {
    color: black;
    background-color: #0dcaf0;
    border-color: #0dcaf0; }

.btn-warning {
  color: black;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: black;
    background-color: #ffca2c;
    border-color: #ffc720; }
   .btn-warning:focus {
    color: black;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); }
   .btn-warning:active, .btn-warning.active,
  .show > .btn-warning.dropdown-toggle {
    color: black;
    background-color: #ffcd39;
    border-color: #ffc720; }
     .btn-warning:active:focus, .btn-warning.active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); }
  .btn-warning:disabled {
    color: black;
    background-color: #ffc107;
    border-color: #ffc107; }

.btn-danger {
  color: white;
  background-color: #dc3545;
  border-color: #dc3545; }
  .btn-danger:hover {
    color: white;
    background-color: #bb2d3b;
    border-color: #b02a37; }
   .btn-danger:focus {
    color: white;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); }
   .btn-danger:active, .btn-danger.active,
  .show > .btn-danger.dropdown-toggle {
    color: white;
    background-color: #b02a37;
    border-color: #a52834; }
     .btn-danger:active:focus, .btn-danger.active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); }
  .btn-danger:disabled {
    color: white;
    background-color: #dc3545;
    border-color: #dc3545; }

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem; }

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }


.dropdown {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #1e2125;
    background-color: #e9ecef; }
  .dropdown-item.active, .dropdown-item:active {
    color: white;
    text-decoration: none;
    background-color: #0d6efd; }
   .dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none; } }
  .nav-link:hover, .nav-link:focus {
    color: #0a58ca; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
      transition: none; } }
  .navbar-toggler:hover {
    text-decoration: none; }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e"); }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; }

.breadcrumb-item.active {
  color: #6c757d; }

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem; } }

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: black;
  background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27black%27%3e%3cpath d=%27M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z%27/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5; }
  .btn-close:hover {
    color: black;
    text-decoration: none;
    opacity: 0.75; }
  .btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    opacity: 1; }
  .btn-close:disabled {
    pointer-events: none;
    user-select: none;
    opacity: 0.25; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }
  .modal.modal-static .modal-dialog {
    transform: scale(1.02); }

.modal-dialog-scrollable {
  height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: black; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px); }
  .modal-footer > * {
    margin: 0.25rem; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-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-header {
    border-radius: 0; }
  .modal-fullscreen .modal-body {
    overflow-y: auto; }
  .modal-fullscreen .modal-footer {
    border-radius: 0; }

@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-header {
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-sm-down .modal-footer {
      border-radius: 0; } }

@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-header {
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-md-down .modal-footer {
      border-radius: 0; } }

@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-header {
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-lg-down .modal-footer {
      border-radius: 0; } }

@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-header {
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-xl-down .modal-footer {
      border-radius: 0; } }

@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-header {
      border-radius: 0; }
    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-xxl-down .modal-footer {
      border-radius: 0; } }

@media (max-width: 1599.98px) {
  .modal-fullscreen-xxxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xxxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xxxl-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-xxxl-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-xxxl-down .modal-footer {
      border-radius: 0; } }

.carousel {
  position: relative; }

.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%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%); }

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: white;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: white;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%; }

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27white%27%3e%3cpath d=%27M11.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%27/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27white%27%3e%3cpath d=%27M4.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%27/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: white;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators [data-bs-target] {
        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: white;
  text-align: center; }

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100); }

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: black; }

.carousel-dark .carousel-caption {
  color: black; }

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */; } }

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1;
    transform: none; } }

@keyframes placeholder-glow {
  50% {
    opacity: 0.2; } }

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%; } }

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

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

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

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

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

.border-dark {
  border-color: #231f20 !important; }

.w-100 {
  width: 100% !important; }

.h-100 {
  height: 100% !important; }

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

.gap-0 {
  gap: 0 !important; }

.gap-1 {
  gap: 0.25rem !important; }

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

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

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

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.m-0 {
  margin: 0 !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; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.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; }

.mt-0 {
  margin-top: 0 !important; }

.mt-2 {
  margin-top: 0.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-1 {
  margin-right: 0.25rem !important; }

.me-2 {
  margin-right: 0.5rem !important; }

.me-5 {
  margin-right: 3rem !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.ms-4 {
  margin-left: 1.5rem !important; }

.ms-5 {
  margin-left: 3rem !important; }

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

.p-4 {
  padding: 1.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-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.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: 0.25rem !important; }

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

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

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

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

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

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

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

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

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

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

.fw-bold {
  font-weight: 700 !important; }

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

.text-uppercase {
  text-transform: uppercase !important; }

/* rtl:begin:remove */

/* rtl:end:remove */

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; }

.text-green-flash {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-flash-rgb), var(--bs-text-opacity)) !important; }

.text-green-medium {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-medium-rgb), var(--bs-text-opacity)) !important; }

.text-green-planet {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-planet-rgb), var(--bs-text-opacity)) !important; }

.text-green-univers {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-univers-rgb), var(--bs-text-opacity)) !important; }

.text-green-blue-gray {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-blue-gray-rgb), var(--bs-text-opacity)) !important; }

.text-green-cyan {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-cyan-rgb), var(--bs-text-opacity)) !important; }

.text-green-services {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-services-rgb), var(--bs-text-opacity)) !important; }

.text-green-experience {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-green-experience-rgb), var(--bs-text-opacity)) !important; }

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; }

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }

.bg-dark-gray {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-gray-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-flash {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-flash-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-olive {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-olive-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-medium {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-medium-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-light-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-gray {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-gray-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-fir {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-fir-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-planet {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-planet-rgb), var(--bs-bg-opacity)) !important; }

.bg-blue-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-light-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-univers {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-univers-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-gray-medium {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-gray-medium-rgb), var(--bs-bg-opacity)) !important; }

.bg-blue-medium {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-medium-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-light-khaki {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-light-khaki-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-blue {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-blue-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-cyan {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-cyan-rgb), var(--bs-bg-opacity)) !important; }

.bg-blue-sky {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-sky-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-light-services {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-light-services-rgb), var(--bs-bg-opacity)) !important; }

.bg-blue-light-offres {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-blue-light-offres-rgb), var(--bs-bg-opacity)) !important; }

.bg-green-experience {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-green-experience-rgb), var(--bs-bg-opacity)) !important; }

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; }

.visible {
  visibility: visible !important; }

@media (min-width: 576px) {
  .d-sm-block {
    display: block !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important; } }

@media (min-width: 768px) {
  .d-md-flex {
    display: flex !important; }
  .d-md-none {
    display: none !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .pt-md-0 {
    padding-top: 0 !important; } }

@media (min-width: 992px) {
  .d-lg-block {
    display: block !important; }
  .d-lg-grid {
    display: grid !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-none {
    display: none !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .order-lg-1 {
    order: 1 !important; }
  .order-lg-2 {
    order: 2 !important; }
  .mt-lg-5 {
    margin-top: 3rem !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .pt-lg-5 {
    padding-top: 3rem !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; } }

@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important; }
  .d-xl-none {
    display: none !important; }
  .justify-content-xl-center {
    justify-content: center !important; } }

@media (min-width: 1400px) {
  .me-xxl-5 {
    margin-right: 3rem !important; }
  .ms-xxl-5 {
    margin-left: 3rem !important; } }

/* ANIMATE.CSS */
/* Exemple d'import d'une animation */
@font-face {
  font-family: "Arboria";
  src: url(../asset/a6fd3749e88c438dd5a5.eot);
  /* IE9 Compat Modes */
  src: url(../asset/a6fd3749e88c438dd5a5.eot?#iefix) format("embedded-opentype"), url(../asset/1f1d08ff923479e0b81a.ttf) format("truetype"), url(../asset/b2701f8fba3be167deaa.woff) format("woff"), url(../asset/6884667d1c0fe6d4ca6c.woff2) format("woff2");
  /* Modern Browsers */
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Arboria";
  src: url(../asset/821e96081cc8e9120ae1.eot);
  /* IE9 Compat Modes */
  src: url(../asset/821e96081cc8e9120ae1.eot?#iefix) format("embedded-opentype"), url(../asset/d0b5be207f4052359a2f.ttf) format("truetype"), url(../asset/61ad1194d35db5541339.woff) format("woff"), url(../asset/32b8feb53632a430bc3d.woff2) format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Arboria";
  src: url(../asset/a48ef280ffdecd9e28ca.eot);
  /* IE9 Compat Modes */
  src: url(../asset/a48ef280ffdecd9e28ca.eot?#iefix) format("embedded-opentype"), url(../asset/4345cce7fb07592b84bf.ttf) format("truetype"), url(../asset/e45dd4c8e2363becd17f.woff) format("woff");
  /* Modern Browsers */
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: "Awesome";
  src: url(../asset/94a333aa6330fcd06497.eot);
  /* IE9 Compat Modes */
  src: url(../asset/94a333aa6330fcd06497.eot?#iefix) format("embedded-opentype"), url(../asset/b10ad5cb6db4f6713720.ttf) format("truetype"), url(../asset/a6967abf3298183bf529.woff) format("woff"), url(../asset/cde0202970b36c39eb21.woff2) format("woff2");
  /* Modern Browsers */
  font-weight: bold;
  font-style: normal; }

.nav-item.active .nav-link {
  color: #718466 !important; }

.box-menu .box-list {
  padding: 0px !important; }
  .box-menu .box-list .navbar-nav {
    background: white; }
    @media (max-width: 991.98px) {
      .box-menu .box-list .navbar-nav {
        position: absolute;
        width: 100%;
        top: 125px;
        left: 50%;
        transform: translateX(-50%);
        height: 220px;
        overflow-x: hidden; } }
  .box-menu .box-list .menu-list a {
    color: #231f20;
    padding: 10px;
    margin-right: 10px; }
    @media (max-width: 1199.98px) {
      .box-menu .box-list .menu-list a {
        padding: 2px;
        margin-right: 5px; } }
    .box-menu .box-list .menu-list a:hover {
      color: #718466 !important; }
    .box-menu .box-list .menu-list a:focus {
      color: #718466 !important;
      outline: none; }
  .box-menu .box-list .menu-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1.8px;
    margin-right: 10px;
    font-size: 14px; }
    @media (max-width: 1399.98px) {
      .box-menu .box-list .menu-list li {
        letter-spacing: 0.5px;
        margin-right: 0px; } }
    @media (max-width: 1199.98px) {
      .box-menu .box-list .menu-list li {
        padding-top: 30px; } }
    @media (max-width: 991.98px) {
      .box-menu .box-list .menu-list li {
        padding-top: 0px;
        margin-right: 25px; } }
  .box-menu .box-list .menu-list li:nth-child(3) {
    margin-right: 100px; }
    @media (max-width: 1399.98px) {
      .box-menu .box-list .menu-list li:nth-child(3) {
        margin-right: 90px; } }
    @media (max-width: 991.98px) {
      .box-menu .box-list .menu-list li:nth-child(3) {
        margin-right: 25px; } }
  .box-menu .box-list .menu-list li:nth-child(4) {
    margin-left: 100px; }
    @media (max-width: 1399.98px) {
      .box-menu .box-list .menu-list li:nth-child(4) {
        margin-left: 90px; } }
    @media (max-width: 991.98px) {
      .box-menu .box-list .menu-list li:nth-child(4) {
        margin-left: 0px; } }

.border-dark {
  height: 1px;
  background-color: #231f20;
  position: relative;
  z-index: 0;
  top: -9px; }

.box-icon-reseaux {
  position: absolute;
  top: 35%;
  margin-left: 90px; }
  @media (max-width: 1599.98px) {
    .box-icon-reseaux {
      margin-left: 20px; } }
  @media (max-width: 1199.98px) {
    .box-icon-reseaux {
      top: 50%;
      left: 0%; } }
  @media (max-width: 991.98px) {
    .box-icon-reseaux {
      left: 80%; } }
  @media (max-width: 575.98px) {
    .box-icon-reseaux {
      left: 70%; } }

.box-logo-en-ville-desktop {
  position: absolute;
  z-index: 2;
  left: 45.5%;
  top: 20%;
  background-color: white;
  padding: 0px 20px; }
  @media (max-width: 1599.98px) {
    .box-logo-en-ville-desktop {
      left: 50%;
      transform: translateX(-50%); } }
  @media (max-width: 1199.98px) {
    .box-logo-en-ville-desktop {
      background-color: transparent; } }

.box-logo-en-ville {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10%; }

.color-bg-hover2:hover {
  background-color: #aab5a3 !important;
  transition: all 0.8s ease-out; }

.color-bg-hover2:focus {
  background-color: #aab5a3 !important;
  outline: none; }

.logo-nav {
  width: 148px; }

.logo-footer {
  width: 160px;
  height: 160px; }

.logo-webadev {
  width: 60px;
  margin-right: 5px;
  margin-left: 5px; }
  @media (max-width: 575.98px) {
    .logo-webadev {
      width: 50px; } }

.logo-paiement {
  width: 156px; }

@media (max-width: 1399.98px) {
  .align-element-footer {
    align-items: center;
    flex-direction: column; } }

.link-footer {
  text-decoration: none; }
  .link-footer:hover {
    color: #718466; }
  .link-footer:focus {
    outline: none;
    color: #718466; }
  .link-footer.white {
    color: white; }
  .link-footer.green {
    color: #718466; }

.icon-calendar {
  width: 35px;
  height: 35px;
  display: block;
  margin-right: auto;
  margin-left: auto; }

.icon-contact {
  width: 30px;
  height: 30px; }

.center-icon {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.center-icon2 {
  display: flex;
  justify-content: center;
  align-items: center; }

.margin-x {
  margin-right: 100px !important;
  margin-left: 50px !important; }
  @media (max-width: 1599.98px) {
    .margin-x {
      margin-right: 40px !important;
      margin-left: 0px !important; } }

.position-reserver {
  position: relative;
  z-index: 1; }

.font-arboria {
  font-family: Arboria; }

.h1 {
  font-size: 88px;
  font-family: Awesome; }
  @media (max-width: 575.98px) {
    .h1 {
      font-size: 70px; } }

.h2 {
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 1.2px; }

.h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 1.2px; }

.no-line {
  line-height: 8px !important; }

.line-1 {
  line-height: 60px !important; }

.size1 {
  font-size: 15px; }

.size2 {
  font-size: 19px; }

.size3 {
  font-size: 100px; }

.size4 {
  font-size: 12px; }

.text-fir {
  color: #469e61; }

.text-green-medium {
  color: #718466; }

.text-green-planet {
  color: #8bc53f; }

.bt-dark {
  width: 400px;
  height: 38px;
  text-decoration: none;
  text-decoration: none;
  color: white;
  letter-spacing: 1.5px; }
  .bt-dark:hover {
    background-color: #699930 !important;
    color: white; }
  .bt-dark:focus {
    background-color: #699930 !important;
    color: white;
    outline: none; }
  @media (max-width: 1199.98px) {
    .bt-dark {
      width: 390px; } }
  @media (max-width: 575.98px) {
    .bt-dark {
      display: block;
      width: 290px; } }
  @media screen and (max-width: 350px) {
    .bt-dark {
      width: 250px; } }
  .bt-dark.shop {
    width: 450px; }
    @media (max-width: 1399.98px) {
      .bt-dark.shop {
        top: 5%; } }
    @media (max-width: 1199.98px) {
      .bt-dark.shop {
        top: 40px; } }
    @media (max-width: 991.98px) {
      .bt-dark.shop {
        position: absolute;
        top: 60px;
        left: 50%;
        transform: translate(-50%, 0%);
        z-index: 2; } }
    @media (max-width: 575.98px) {
      .bt-dark.shop {
        width: 300px;
        text-align: center;
        height: 52px;
        top: 60px; } }
    @media screen and (max-width: 350px) {
      .bt-dark.shop {
        width: 280px; } }

.position-btn-dark {
  position: absolute;
  top: -40%;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 2; }

.position-btn-dark2 {
  position: absolute;
  top: 50%;
  right: 0%;
  z-index: 2; }

.position-btn-dark3 {
  position: absolute;
  top: 50%;
  left: 0%;
  z-index: 2; }

.position-btn-dark4 {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-50%, 0%);
  z-index: 2; }
  @media (max-width: 991.98px) {
    .position-btn-dark4 {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0%);
      z-index: 2;
      text-align: center; } }
  @media (max-width: 767.98px) {
    .position-btn-dark4 {
      text-align: center;
      height: 50px; } }

.bt-dark-small {
  width: 200px;
  background-color: #231f20;
  padding: 9px 0px;
  margin-right: auto;
  margin-left: auto;
  text-decoration: none;
  color: white;
  letter-spacing: 1.5px; }
  .bt-dark-small:hover {
    background-color: #699930 !important;
    color: white; }
  .bt-dark-small:focus {
    background-color: #699930 !important;
    outline: none;
    color: white; }

.bt-dark-offres {
  background-color: #231f20;
  padding: 9px 70px 9px 120px;
  margin-right: auto;
  margin-left: auto;
  text-decoration: none;
  color: white;
  letter-spacing: 2px;
  position: absolute;
  top: 82%;
  right: 0%; }
  .bt-dark-offres:hover {
    background-color: #699930 !important;
    color: white; }
  .bt-dark-offres:focus {
    background-color: #699930 !important;
    outline: none;
    color: white; }
  @media (max-width: 1599.98px) {
    .bt-dark-offres {
      top: 88%;
      padding: 9px 30px 9px 80px; } }

.bt-green {
  width: 400px;
  height: 38px;
  text-decoration: none;
  color: white;
  letter-spacing: 1.5px; }
  .bt-green:hover {
    background-color: #718466 !important;
    color: white; }
  .bt-green:focus {
    background-color: #718466 !important;
    color: white;
    outline: none; }
  @media (max-width: 575.98px) {
    .bt-green {
      display: block;
      width: 290px; } }
  @media screen and (max-width: 350px) {
    .bt-green {
      width: 200px;
      height: 45px; } }
  .bt-green.green-flash {
    background-color: #699930; }
  .bt-green.green-blue {
    background-color: #86b2b1; }

.transform-btn-dark {
  position: relative;
  height: 38px; }

.transform-btn-dark2 {
  position: relative;
  width: 200px;
  height: 38px; }
  @media (max-width: 1399.98px) {
    .transform-btn-dark2 {
      bottom: -16%; } }
  @media (max-width: 1199.98px) {
    .transform-btn-dark2 {
      left: 50%;
      z-index: 2;
      bottom: 5%; } }
  @media (max-width: 991.98px) {
    .transform-btn-dark2 {
      transform: translate(-50%, -50%); } }

.lead-light {
  font-size: 40px;
  font-weight: 100; }

.lead-bold {
  font-size: 22px;
  color: #718466;
  font-weight: bold; }

.text-normal {
  font-size: 20px; }

.text-dark {
  color: #231f20; }

.link {
  color: #231f20; }
  .link:hover {
    color: #718466; }
  .link:focus {
    color: #718466;
    outline: none; }

.no-underline {
  text-decoration: none; }

.icon-reserver {
  width: 220px; }

.mr-large {
  margin-left: 150px; }
  @media (max-width: 767.98px) {
    .mr-large {
      margin-left: 0px; } }

.position-top {
  transform: translateY(-45px); }
  @media (max-width: 767.98px) {
    .position-top {
      transform: translateY(0px); } }

.size-background {
  height: 600px; }
  @media (max-width: 991.98px) {
    .size-background {
      height: 400px; } }
  @media (max-width: 767.98px) {
    .size-background {
      height: 300px; } }

.background-appart {
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: url(../asset/93d41d5356378ddf5a34.jpg);
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 991.98px) {
    .background-appart {
      height: 360px; } }
  @media (max-width: 767.98px) {
    .background-appart {
      height: 350px; } }
  @media (max-width: 575.98px) {
    .background-appart {
      height: 250px; } }

.background-leaf {
  left: 59%;
  top: -39px;
  position: absolute;
  z-index: 2;
  width: 44px;
  height: 33px;
  display: inline-block;
  background-image: url(../asset/0fe814e4b35ba147fa50.svg);
  background-repeat: no-repeat;
  background-size: cover; }

.background-leaf-shop {
  left: 78%;
  top: -8px;
  position: absolute;
  z-index: 2;
  width: 44px;
  height: 33px;
  display: inline-block;
  background-image: url(../asset/d9b4a1225f8cd75012b7.svg);
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 1399.98px) {
    .background-leaf-shop {
      top: -25px; } }
  @media (max-width: 1199.98px) {
    .background-leaf-shop {
      top: 15px; } }
  @media (max-width: 991.98px) {
    .background-leaf-shop {
      top: 32px; } }

.background-leaf-dark {
  left: 9%;
  top: -22px;
  position: absolute;
  z-index: 2;
  width: 34px;
  height: 43px;
  display: inline-block;
  background-image: url(../asset/396b0d4d7d715e809c43.svg);
  background-repeat: no-repeat;
  background-size: cover; }

.background-leaf-2 {
  right: 58.5%;
  top: -55px;
  position: absolute;
  z-index: 2;
  width: 34px;
  height: 43px;
  display: inline-block;
  background-image: url(../asset/7d6523cf0e4266581ce1.svg);
  background-repeat: no-repeat;
  background-size: cover; }

.box-text-autonomie {
  position: relative;
  z-index: 2;
  top: 48px;
  width: 532px;
  height: 448px; }
  @media (max-width: 991.98px) {
    .box-text-autonomie {
      width: 100%;
      height: 100%; } }

.box-text-autonomie2 {
  position: relative;
  z-index: 2;
  top: 48px;
  width: 557px;
  height: 762px; }
  @media (max-width: 1199.98px) {
    .box-text-autonomie2 {
      width: 100%;
      height: 100%; } }

.box-text-ateliers {
  position: relative;
  z-index: 2;
  top: 48px;
  width: 632px;
  height: 448px; }
  @media (max-width: 1399.98px) {
    .box-text-ateliers {
      width: 432px;
      height: 548px; } }
  @media (max-width: 991.98px) {
    .box-text-ateliers {
      width: 100%;
      height: 100%; } }

.position-autonomie {
  width: 525px;
  height: 479px;
  display: inline-block;
  background-image: url(../asset/0ab0e0e053507d262926.png);
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateX(-40px);
  background-position: left -35px bottom 0px; }
  @media (max-width: 575.98px) {
    .position-autonomie {
      display: flex;
      justify-content: center; } }
  @media (max-width: 1399.98px) {
    .position-autonomie {
      transform: translateX(-80px); } }
  @media (max-width: 1199.98px) {
    .position-autonomie {
      transform: translateX(40px);
      width: 400px;
      background-position: right 50% bottom 0%; } }
  @media (max-width: 991.98px) {
    .position-autonomie {
      width: 100%;
      height: 360px;
      background-position: left 0px top 0px;
      transform: translateX(0px); } }

.position-ateliers {
  width: 525px;
  height: 479px;
  display: inline-block;
  background-image: url(../asset/d6ed0867bb69a322d6aa.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%; }
  @media (max-width: 575.98px) {
    .position-ateliers {
      display: flex;
      justify-content: center; } }
  @media (max-width: 1399.98px) {
    .position-ateliers {
      transform: translateX(-80px); } }
  @media (max-width: 1199.98px) {
    .position-ateliers {
      transform: translateX(40px);
      width: 400px;
      background-position: right 50% bottom 0%; } }
  @media (max-width: 991.98px) {
    .position-ateliers {
      width: 100%;
      height: 360px;
      background-position: left 0px top 0px;
      transform: translateX(0px); } }

.box-appart-autonomie {
  position: relative;
  left: -60px;
  width: 501px;
  height: 100%; }
  @media (max-width: 1599.98px) {
    .box-appart-autonomie {
      left: 0px; } }
  @media (max-width: 1399.98px) {
    .box-appart-autonomie {
      left: 60px; } }
  @media (max-width: 1199.98px) {
    .box-appart-autonomie {
      width: 100%;
      left: 0px; } }
  .box-appart-autonomie .position-autonomie-2 {
    width: 501px;
    height: 517px;
    display: inline-block;
    background-image: url(../asset/ffe08185d625f3a6f0e1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 0px bottom 0px; }
    @media (max-width: 575.98px) {
      .box-appart-autonomie .position-autonomie-2 {
        display: flex;
        justify-content: center; } }
    @media (max-width: 1199.98px) {
      .box-appart-autonomie .position-autonomie-2 {
        width: 100%;
        height: 250px;
        width: 100%;
        background-position: 50%; } }

.box-title-leaf {
  position: relative; }
  .box-title-leaf .position-leaf-group {
    top: -10px;
    right: 0%;
    position: absolute;
    width: 136px;
    height: 95px;
    display: inline-block;
    background-image: url(../asset/8e88a0b7fe8659cc045a.svg);
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (max-width: 350px) {
      .box-title-leaf .position-leaf-group {
        width: 100px;
        height: 50px; } }

.position-bt-green {
  position: relative;
  left: 85px; }
  @media (max-width: 991.98px) {
    .position-bt-green {
      top: -40%;
      left: 50%;
      transform: translate(-50%, 50%);
      z-index: 2; } }

.position-bt-green2 {
  position: relative;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2; }

.position-bt-blue {
  position: relative;
  left: 50%;
  top: 20px; }
  @media (max-width: 1399.98px) {
    .position-bt-blue {
      left: -10%;
      top: -2px; } }
  @media (max-width: 991.98px) {
    .position-bt-blue {
      top: -40%;
      left: 50%;
      transform: translate(-50%, 50%);
      z-index: 2; } }

.position-box-services {
  transform: translateY(20px); }

.bg-offres-1 {
  width: 100%;
  height: 400px;
  display: inline-block;
  background-image: url(../asset/9d76eeed32d95cc6b8b0.png);
  background-repeat: no-repeat;
  background-size: cover; }

.bg-offres-2 {
  width: 100%;
  height: 400px;
  display: inline-block;
  background-image: url(../asset/0b6717df27a506ced42a.png);
  background-repeat: no-repeat;
  background-size: cover; }

.bg-offres-3 {
  width: 100%;
  height: 400px;
  display: inline-block;
  background-image: url(../asset/d552486855465fc097f5.png);
  background-repeat: no-repeat;
  background-size: cover; }

.position-label {
  width: 194px;
  position: relative;
  left: 0px;
  top: 82%; }

.background-alentours {
  width: 100%;
  height: 324px;
  display: inline-block;
  background-image: url(../asset/371043278a57e5872bef.png);
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 991.98px) {
    .background-alentours {
      height: 360px; } }

.position-dark-gray {
  transform: translate(233px, -68px); }
  @media (max-width: 1599.98px) {
    .position-dark-gray {
      transform: translate(140px, -80px); } }
  @media (max-width: 1399.98px) {
    .position-dark-gray {
      transform: translate(65px, -80px); } }
  @media (max-width: 1199.98px) {
    .position-dark-gray {
      transform: translate(0px, -110px); } }
  @media (max-width: 991.98px) {
    .position-dark-gray {
      transform: translateY(-40px);
      display: block;
      margin-right: auto;
      margin-left: auto; } }

.no-marg-pad {
  margin: 0px !important;
  padding: 0px !important; }

@media (max-width: 1399.98px) {
  .no-sm {
    display: none; } }

.for-sm {
  display: none; }
  @media screen and (max-width: 350px) {
    .for-sm {
      display: block; } }

@media (max-width: 991.98px) {
  .no-mr-pd {
    margin: 0px !important;
    padding: 0px !important; } }

.size-icon {
  width: 71px;
  height: 55px; }

.size-icon2 {
  height: 150px; }

.icon-autonomie {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.icon-bike {
  position: relative;
  top: -10%; }
  @media (max-width: 767.98px) {
    .icon-bike {
      top: -5%; } }

.icon-bike2 {
  transform: translateY(-30px); }

.icon-world {
  height: 66px;
  width: 83px; }

.background-sheet {
  height: 100%;
  display: inline-block;
  background-image: url(../asset/b2298ecbcd1fe9ed6c5c.svg);
  background-repeat: no-repeat;
  background-position: left 35% top 0px;
  background-size: 85%; }
  @media (max-width: 767.98px) {
    .background-sheet {
      background-size: 90%; } }

.background-sheet2 {
  height: 100%;
  display: inline-block;
  background-image: url(../asset/271c7019a08512acf626.svg);
  background-repeat: no-repeat;
  background-position: left 35% bottom 80px;
  background-size: 102%; }
  @media (max-width: 1599.98px) {
    .background-sheet2 {
      background-position: left 35% bottom 130px; } }
  @media (max-width: 1399.98px) {
    .background-sheet2 {
      background-position: left 35% bottom 180px; } }
  @media (max-width: 1199.98px) {
    .background-sheet2 {
      background-position: left 35% top 50px; } }

.background-sheet-alentours {
  height: 100%;
  display: inline-block;
  background-image: url(../asset/9843e49d3688192915ce.svg);
  background-repeat: no-repeat;
  background-position: left 50% top 35px;
  background-size: 85%; }
  @media (max-width: 991.98px) {
    .background-sheet-alentours {
      background-size: 100%; } }

.large-pt {
  padding-top: 50px; }

.move-box {
  transform: translateY(32px); }

.pt-6 {
  padding-top: 90px !important; }
  @media (max-width: 575.98px) {
    .pt-6 {
      padding-top: 50px !important; } }

.pb-6 {
  padding-bottom: 110px !important; }
  @media (max-width: 575.98px) {
    .pb-6 {
      padding-bottom: 60px !important; } }

.mb-6 {
  margin-bottom: 110px !important; }
  @media (max-width: 575.98px) {
    .mb-6 {
      margin-bottom: 60px !important; } }

.background-univers {
  width: 100%;
  height: 535px;
  display: inline-block;
  background-image: url(../asset/8d648aae4b07f7c54fca.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%; }
  @media (max-width: 1399.98px) {
    .background-univers {
      height: 100%; } }
  @media (max-width: 991.98px) {
    .background-univers {
      height: 360px;
      background-position: 0%; } }
  @media (max-width: 767.98px) {
    .background-univers {
      height: 350px; } }
  @media (max-width: 575.98px) {
    .background-univers {
      height: 250px; } }

.container-list-expertises {
  padding-left: 0px !important;
  list-style: none; }
  .container-list-expertises .list-expertises {
    line-height: 35px; }
  .container-list-expertises li:nth-child(1) {
    background: transparent url(../asset/9da3ec03a6cae1847e56.png) scroll 0 0 no-repeat;
    background-size: 35px;
    padding-left: 44px;
    padding-top: 3px;
    position: relative; }
    .container-list-expertises li:nth-child(1):after {
      content: "1.";
      font-size: 18px;
      position: absolute;
      color: white;
      bottom: 7px;
      left: 10px; }
      @media (max-width: 767.98px) {
        .container-list-expertises li:nth-child(1):after {
          bottom: 44px; } }
      @media screen and (max-width: 350px) {
        .container-list-expertises li:nth-child(1):after {
          bottom: 78px; } }
  .container-list-expertises li:nth-child(2) {
    background: transparent url(../asset/23d1526ab2e7d037f5ee.png) scroll 0 0 no-repeat;
    background-size: 32px;
    padding-left: 40px;
    padding-top: 3px;
    position: relative; }
    .container-list-expertises li:nth-child(2):after {
      content: "2.";
      font-size: 18px;
      position: absolute;
      color: white;
      bottom: 5px;
      left: 10px; }
      @media screen and (max-width: 350px) {
        .container-list-expertises li:nth-child(2):after {
          bottom: 42px; } }
  .container-list-expertises li:nth-child(3) {
    background: transparent url(../asset/e450118cc493a8b905f4.png) scroll 0 0 no-repeat;
    background-size: 32px;
    padding-left: 44px;
    padding-top: 3px;
    position: relative; }
    .container-list-expertises li:nth-child(3):after {
      content: "3.";
      font-size: 18px;
      position: absolute;
      color: white;
      bottom: 8px;
      left: 10px; }
      @media screen and (max-width: 350px) {
        .container-list-expertises li:nth-child(3):after {
          bottom: 44px; } }

.container-list-services {
  padding-left: 0px !important;
  list-style: none; }
  .container-list-services .list-services {
    line-height: 35px; }
  .container-list-services li:nth-child(1) {
    background: transparent url(../asset/95803430d4bad716d7dc.svg) scroll 0 0 no-repeat;
    background-size: 35px;
    background-position-x: 180px;
    position: relative; }
    @media (max-width: 1599.98px) {
      .container-list-services li:nth-child(1) {
        background-position-x: 130px; } }
    @media (max-width: 1399.98px) {
      .container-list-services li:nth-child(1) {
        background-position-x: 80px; } }
    @media (max-width: 1199.98px) {
      .container-list-services li:nth-child(1) {
        background-position-x: 30px; } }
    @media (max-width: 991.98px) {
      .container-list-services li:nth-child(1) {
        background-position-x: 0px;
        padding-left: 40px; } }
    .container-list-services li:nth-child(1):after {
      content: "1.";
      font-size: 18px;
      position: absolute;
      color: white;
      bottom: 7px;
      left: 190px; }
      @media (max-width: 1599.98px) {
        .container-list-services li:nth-child(1):after {
          left: 140px; } }
      @media (max-width: 1399.98px) {
        .container-list-services li:nth-child(1):after {
          left: 90px; } }
      @media (max-width: 1199.98px) {
        .container-list-services li:nth-child(1):after {
          left: 40px; } }
      @media (max-width: 991.98px) {
        .container-list-services li:nth-child(1):after {
          left: 10px;
          bottom: 40px; } }
      @media (max-width: 767.98px) {
        .container-list-services li:nth-child(1):after {
          bottom: 37px; } }
      @media (max-width: 575.98px) {
        .container-list-services li:nth-child(1):after {
          bottom: 75px; } }
      @media screen and (max-width: 350px) {
        .container-list-services li:nth-child(1):after {
          bottom: 145px; } }
  .container-list-services li:nth-child(2) {
    background: transparent url(../asset/54ce83271d73a3cbb7c9.svg) scroll 0 0 no-repeat;
    background-position-x: 240px;
    background-size: 32px;
    position: relative; }
    @media (max-width: 1599.98px) {
      .container-list-services li:nth-child(2) {
        background-position-x: 190px; } }
    @media (max-width: 1399.98px) {
      .container-list-services li:nth-child(2) {
        background-position-x: 140px; } }
    @media (max-width: 1199.98px) {
      .container-list-services li:nth-child(2) {
        background-position-x: 90px; } }
    @media (max-width: 991.98px) {
      .container-list-services li:nth-child(2) {
        background-position-x: 0px;
        padding-left: 40px; } }
    .container-list-services li:nth-child(2):after {
      content: "2.";
      font-size: 18px;
      position: absolute;
      color: white;
      bottom: 5px;
      left: 250px; }
      @media (max-width: 1599.98px) {
        .container-list-services li:nth-child(2):after {
          left: 200px; } }
      @media (max-width: 1399.98px) {
        .container-list-services li:nth-child(2):after {
          left: 150px; } }
      @media (max-width: 1199.98px) {
        .container-list-services li:nth-child(2):after {
          left: 100px; } }
      @media (max-width: 991.98px) {
        .container-list-services li:nth-child(2):after {
          left: 10px;
          bottom: 3px; } }
      @media (max-width: 767.98px) {
        .container-list-services li:nth-child(2):after {
          bottom: 35px; } }
      @media screen and (max-width: 350px) {
        .container-list-services li:nth-child(2):after {
          bottom: 75px; } }
  .container-list-services li:nth-child(3) {
    background: transparent url(../asset/044cbc09ee2e23915ae8.svg) scroll 0 0 no-repeat;
    background-position-x: 295px;
    background-size: 32px;
    position: relative; }
    @media (max-width: 1599.98px) {
      .container-list-services li:nth-child(3) {
        background-position-x: 230px; } }
    @media (max-width: 1399.98px) {
      .container-list-services li:nth-child(3) {
        background-position-x: 180px; } }
    @media (max-width: 1199.98px) {
      .container-list-services li:nth-child(3) {
        background-position-x: 130px; } }
    @media (max-width: 991.98px) {
      .container-list-services li:nth-child(3) {
        background-position-x: 0px;
        padding-left: 40px; } }
    .container-list-services li:nth-child(3):after {
      content: "3.";
      font-size: 18px;
      position: absolute;
      color: white;
      bottom: 6px;
      left: 305px; }
      @media (max-width: 1599.98px) {
        .container-list-services li:nth-child(3):after {
          left: 240px; } }
      @media (max-width: 1399.98px) {
        .container-list-services li:nth-child(3):after {
          left: 190px; } }
      @media (max-width: 1199.98px) {
        .container-list-services li:nth-child(3):after {
          left: 140px; } }
      @media (max-width: 991.98px) {
        .container-list-services li:nth-child(3):after {
          left: 10px;
          bottom: 3px; } }
      @media (max-width: 767.98px) {
        .container-list-services li:nth-child(3):after {
          left: 10px; } }
      @media screen and (max-width: 350px) {
        .container-list-services li:nth-child(3):after {
          bottom: 42px; } }
  .container-list-services li:nth-child(4) {
    background: transparent url(../asset/95803430d4bad716d7dc.svg) scroll 0 0 no-repeat;
    background-position-x: 280px;
    background-size: 32px;
    position: relative; }
    @media (max-width: 1599.98px) {
      .container-list-services li:nth-child(4) {
        background-position-x: 220px; } }
    @media (max-width: 1399.98px) {
      .container-list-services li:nth-child(4) {
        background-position-x: 160px; } }
    @media (max-width: 1199.98px) {
      .container-list-services li:nth-child(4) {
        background-position-x: 110px; } }
    @media (max-width: 991.98px) {
      .container-list-services li:nth-child(4) {
        background-position-x: 0px;
        padding-left: 40px; } }
    .container-list-services li:nth-child(4):after {
      content: "4.";
      font-size: 18px;
      position: absolute;
      color: white;
      bottom: 8px;
      left: 290px; }
      @media (max-width: 1599.98px) {
        .container-list-services li:nth-child(4):after {
          left: 230px; } }
      @media (max-width: 1399.98px) {
        .container-list-services li:nth-child(4):after {
          left: 170px; } }
      @media (max-width: 1199.98px) {
        .container-list-services li:nth-child(4):after {
          left: 120px; } }
      @media (max-width: 991.98px) {
        .container-list-services li:nth-child(4):after {
          left: 10px;
          bottom: 3px; } }
      @media (max-width: 767.98px) {
        .container-list-services li:nth-child(4):after {
          bottom: 5px; } }
      @media screen and (max-width: 500px) {
        .container-list-services li:nth-child(4):after {
          bottom: 5px; } }
      @media screen and (max-width: 480px) {
        .container-list-services li:nth-child(4):after {
          bottom: 38px; } }
      @media screen and (max-width: 350px) {
        .container-list-services li:nth-child(4):after {
          bottom: 41px; } }
  .container-list-services li:nth-child(5) {
    background: transparent url(../asset/799cb7d54fdae7902141.svg) scroll 0 0 no-repeat;
    background-position-x: 250px;
    background-size: 32px;
    padding-left: 44px;
    padding-top: 3px;
    position: relative; }
    @media (max-width: 1599.98px) {
      .container-list-services li:nth-child(5) {
        background-position-x: 200px; } }
    @media (max-width: 1399.98px) {
      .container-list-services li:nth-child(5) {
        background-position-x: 140px; } }
    @media (max-width: 1199.98px) {
      .container-list-services li:nth-child(5) {
        background-position-x: 90px; } }
    @media (max-width: 991.98px) {
      .container-list-services li:nth-child(5) {
        background-position-x: 0px;
        padding-left: 40px; } }
    .container-list-services li:nth-child(5):after {
      content: "5.";
      font-size: 18px;
      position: absolute;
      color: white;
      bottom: 5px;
      left: 260px; }
      @media (max-width: 1599.98px) {
        .container-list-services li:nth-child(5):after {
          left: 210px; } }
      @media (max-width: 1399.98px) {
        .container-list-services li:nth-child(5):after {
          left: 150px; } }
      @media (max-width: 1199.98px) {
        .container-list-services li:nth-child(5):after {
          left: 100px; } }
      @media (max-width: 991.98px) {
        .container-list-services li:nth-child(5):after {
          left: 10px; } }
      @media (max-width: 767.98px) {
        .container-list-services li:nth-child(5):after {
          bottom: 40px; } }
      @media screen and (max-width: 350px) {
        .container-list-services li:nth-child(5):after {
          bottom: 75px; } }

.container-list-studios {
  padding-left: 0px !important;
  list-style: none; }
  .container-list-studios .list-studios:before {
    content: "•";
    color: white;
    padding-right: 10px;
    font-size: 15px; }

.spacer-dark-small {
  border-top: 1px solid #231f20;
  width: 100px; }

.spacer-dark-medium {
  border-top: 1px solid #231f20;
  width: 273px; }

.spacer-light-medium {
  border-top: 1px solid white;
  width: 273px; }

.spacer-light-small {
  border-top: 1px solid white;
  width: 100px; }

.spacer-green {
  display: none; }
  @media (max-width: 991.98px) {
    .spacer-green {
      display: block;
      border-top: 1px solid #699930;
      width: 273px;
      margin-right: auto;
      margin-left: auto; } }

.link-alentours {
  color: #a2d165;
  text-decoration: none; }
  .link-alentours:hover {
    color: #718466; }
  .link-alentours:focus {
    outline: none;
    color: #718466; }

.background-two-colors {
  background: -moz-linear-gradient(top, white 22%, #ecf5e5 22%);
  background: -webkit-linear-gradient(top, white 22%, #ecf5e5 22%);
  background: linear-gradient(to bottom, white 22%, #ecf5e5 22%); }

.box-memory {
  position: relative; }
  .box-memory .background-memory {
    position: absolute;
    z-index: 1;
    height: 505px;
    width: 1059px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover; }
    .box-memory .background-memory.right-img {
      right: 0%; }
    .box-memory .background-memory.left-img {
      left: 0%; }
    .box-memory .background-memory.picture1 {
      background-image: url(../asset/01ce01a7cb48dbe2a172.png); }
    .box-memory .background-memory.picture2 {
      background-image: url(../asset/3072c9f836e8e5c0cb07.png); }
    .box-memory .background-memory.picture3 {
      background-image: url(../asset/18510ed73228cf9d6751.png); }
    @media (max-width: 991.98px) {
      .box-memory .background-memory {
        width: 100%;
        background-position: 50%;
        height: 400px; } }
  .box-memory .box-memory-text {
    position: relative;
    z-index: 2; }
    @media (max-width: 1399.98px) {
      .box-memory .box-memory-text {
        padding-bottom: 50px; } }
    @media (max-width: 991.98px) {
      .box-memory .box-memory-text {
        margin-top: 150px; } }
    @media (max-width: 767.98px) {
      .box-memory .box-memory-text {
        margin-top: 180px; } }
    @media screen and (max-width: 350px) {
      .box-memory .box-memory-text {
        padding-bottom: 140px; } }

.position-leaf-offres {
  top: -55px;
  right: -60px;
  position: absolute;
  width: 136px;
  height: 95px;
  display: inline-block;
  background-image: url(../asset/f2f1d8cc273960a81ba7.svg);
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 991.98px) {
    .position-leaf-offres {
      display: none; } }

@media (max-width: 991.98px) {
  .box-carrousel {
    margin-bottom: 25px; } }

.box-carrousel img {
  height: 580px; }
  @media (max-width: 1199.98px) {
    .box-carrousel img {
      height: 500px; } }
  @media (max-width: 991.98px) {
    .box-carrousel img {
      height: 450px; } }
  @media (max-width: 767.98px) {
    .box-carrousel img {
      height: 400px; } }

.box-carrousel .carousel-indicators {
  left: -600px !important; }
  @media (max-width: 1599.98px) {
    .box-carrousel .carousel-indicators {
      left: -500px !important; } }
  @media (max-width: 1399.98px) {
    .box-carrousel .carousel-indicators {
      left: -400px !important; } }
  @media (max-width: 1199.98px) {
    .box-carrousel .carousel-indicators {
      left: -300px !important; } }
  @media (max-width: 991.98px) {
    .box-carrousel .carousel-indicators {
      left: 0px !important; } }
  .box-carrousel .carousel-indicators button {
    border-radius: 50% !important;
    height: 10px !important;
    width: 10px !important;
    margin-right: 15px; }

.box-carrousel2 img {
  object-fit: cover;
  height: 600px; }
  @media (max-width: 1399.98px) {
    .box-carrousel2 img {
      height: 700px; } }
  @media (max-width: 1199.98px) {
    .box-carrousel2 img {
      height: 500px; } }
  @media (max-width: 991.98px) {
    .box-carrousel2 img {
      height: 400px; } }

.box-carrousel2 .carousel-indicators {
  left: -500px !important; }
  @media (max-width: 1599.98px) {
    .box-carrousel2 .carousel-indicators {
      left: -400px !important; } }
  @media (max-width: 1399.98px) {
    .box-carrousel2 .carousel-indicators {
      left: -300px !important; } }
  @media (max-width: 1199.98px) {
    .box-carrousel2 .carousel-indicators {
      left: -250px !important; } }
  @media (max-width: 991.98px) {
    .box-carrousel2 .carousel-indicators {
      left: 0px !important; } }
  .box-carrousel2 .carousel-indicators button {
    border-radius: 50% !important;
    height: 10px !important;
    width: 10px !important;
    margin-right: 15px; }

.wad-banner-cookie {
  bottom: 10px;
  left: 10px;
  background-color: black;
  color: white;
  z-index: 1000;
  padding: 10px 10px 0px 10px;
  position: fixed;
  width: 300px; }
  @media (max-width: 575.98px) {
    .wad-banner-cookie {
      width: inherit;
      right: 10px; } }
  .wad-banner-cookie .btn {
    margin-bottom: 10px; }
  .wad-banner-cookie .link-more-cookie {
    color: yellow; }

.wad-banner-do-not-track {
  bottom: 0;
  right: 0;
  left: 0;
  background-color: black;
  z-index: 1000;
  padding: 10px 10px 0px 10px;
  position: fixed;
  color: white; }

/* GRID CONTAINER */
@media (min-width: 576px) {
  .grid-container {
    grid-template-columns: 1fr repeat(var(--bs-columns, 12), calc((540px - (1.5rem/2))  / var(--bs-columns, 12))) 1fr;
    gap: 0 !important; } }

@media (min-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr repeat(var(--bs-columns, 12), calc((720px - (1.5rem/2))  / var(--bs-columns, 12))) 1fr;
    gap: 0 !important; } }

@media (min-width: 992px) {
  .grid-container {
    grid-template-columns: 1fr repeat(var(--bs-columns, 12), calc((960px - (1.5rem/2))  / var(--bs-columns, 12))) 1fr;
    gap: 0 !important; } }

@media (min-width: 1200px) {
  .grid-container {
    grid-template-columns: 1fr repeat(var(--bs-columns, 12), calc((1140px - (1.5rem/2))  / var(--bs-columns, 12))) 1fr;
    gap: 0 !important; } }

@media (min-width: 1400px) {
  .grid-container {
    grid-template-columns: 1fr repeat(var(--bs-columns, 12), calc((1320px - (1.5rem/2))  / var(--bs-columns, 12))) 1fr;
    gap: 0 !important; } }

@media (min-width: 1600px) {
  .grid-container {
    grid-template-columns: 1fr repeat(var(--bs-columns, 12), calc((1540px - (1.5rem/2))  / var(--bs-columns, 12))) 1fr;
    gap: 0 !important; } }