@charset "UTF-8";
/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://fonts.cdnfonts.com/css/euclid-circular-b?styles=100047,100042,100044,100043,100046,100045,100049,100048,100041,100040");
@import url("https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap");
/**
* Direction
**/
/** Margin Y an X **/
/**
* Font weight
**/
/**
* Font size (rem)
**/
/**
* Font size (rem)
**/
/**
* Width
**/
*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: var(--orange);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

[class^=ri-], [class*=ri-] {
  display: inline-block;
  vertical-align: middle;
}

strong {
  font-weight: 600;
}

button {
  border: 0;
  font-weight: bold !important;
}

.img-40 {
  width: 40px;
}

img, svg {
  vertical-align: middle;
}

img {
  border-style: none;
}

/* Border */
.border-primary {
  border-color: #307ef3 !important;
}

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

.border-success {
  border-color: #53a653 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-warning {
  border-color: #ffaa05 !important;
}

.border-info {
  border-color: #01a1b9 !important;
}

.border-dark {
  border-color: #2c323f !important;
}

/* Rounded */
.rounded-pill {
  border-radius: 50rem !important;
}

/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*
 * Utilities CSS For LAWLESS v1.0.0
 * Admin Dashboard Template for Symfony 6.x, 7.x
 * By YannDev.com | Yann Cario
 * We recommend including the built version of this JavaScript file
 * (and its CSS file) in your base layout (base.html.twig).
 */
.img-responsive {
  height: auto;
  width: 100%;
}

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

.rounded {
  border-radius: 50px !important;
}

.float-end {
  float: right;
}

/* position */
.p-relative {
  position: relative;
}

.p-fixed {
  position: fixed;
}

.p-absolute {
  position: absolute;
}

.p-inherit {
  position: inherit;
}

/* Overflow */
.overflow-hidden, .o-hidden {
  overflow: hidden;
}

.d-hidden {
  display: none;
}

/* Display */
.flex, .d-flex {
  display: flex;
}

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

.flex-0 {
  flex: 0 0 auto;
}

.flex-root {
  flex: 1;
}

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

.flex-column-fluid {
  flex: 1 0 auto;
}

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

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

@media (min-width: 992px) {
  .flex-lg-row-fluid {
    flex: 1 auto;
    min-width: 0;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
}
.align-items-center {
  align-items: center;
}

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

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

.d-block {
  display: block;
}

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

.mobile-hidden {
  display: block;
}

@media (max-width: 872px) {
  .d-mobile {
    display: block;
  }
  .mobile-hidden {
    display: none;
  }
}
.d-desktop {
  display: block;
}

@media (max-width: 872px) {
  .d-desktop {
    display: none;
  }
}
/* Hidden */
@media (max-width: 992px) {
  .md-hidden {
    display: none;
  }
}
@media (min-width: 992px) {
  .lg-hidden {
    display: none;
  }
}
/* Text-align */
.color-inherit {
  color: inherit;
}

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

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

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

.text-revert {
  text-align: revert;
}

.v-middle {
  vertical-align: middle;
}

/* Text style */
.text-uppercase {
  text-transform: uppercase;
}

.text-italic {
  font-style: italic;
}

/* Text Color */
.text-foreground {
  color: var(--sk-color-base-h);
}

.text-muted {
  color: var(--text-muted);
}

.text-pink {
  color: var(--pink);
}

.text-blue {
  color: var(--blue);
}

.text-orange {
  color: var(--orange);
}

.text-orange-light {
  color: var(--orange-light);
}

.text-purple {
  color: var(--purple);
}

.text-purple-light {
  color: var(--purple-light);
}

.text-yellow-light {
  color: var(--yellow-light);
}

.text-yellow {
  color: var(--yellow);
}

.text-green-light {
  color: var(--green-light);
}

.text-green {
  color: var(--green);
}

.text-white {
  color: var(--white);
}

.primary {
  color: var(--primary);
}

.secondary {
  color: var(--secondary);
}

.dark200 {
  color: var(--dark200);
}

.dark100 {
  color: var(--dark100);
}

.gradient-txt {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Border */
.br-8 {
  border-radius: 8px;
}

.br-0 {
  border-radius: 0rem;
}

.br-5 {
  border-radius: 0.5rem;
}

.br-10 {
  border-radius: 1rem;
}

.br-15 {
  border-radius: 1.5rem;
}

.br-20 {
  border-radius: 2rem;
}

.br-25 {
  border-radius: 2.5rem;
}

.br-30 {
  border-radius: 3rem;
}

.br-35 {
  border-radius: 3.5rem;
}

.br-40 {
  border-radius: 4rem;
}

.br-45 {
  border-radius: 4.5rem;
}

.br-50 {
  border-radius: 5rem;
}

.br-55 {
  border-radius: 5.5rem;
}

.br-60 {
  border-radius: 6rem;
}

.br-65 {
  border-radius: 6.5rem;
}

.br-70 {
  border-radius: 7rem;
}

.br-75 {
  border-radius: 7.5rem;
}

.br-80 {
  border-radius: 8rem;
}

.br-85 {
  border-radius: 8.5rem;
}

.br-90 {
  border-radius: 9rem;
}

.br-95 {
  border-radius: 9.5rem;
}

.br-100 {
  border-radius: 10rem;
}

/* Direction */
.t-0 {
  top: 0;
}

.t-1 {
  top: 1rem;
}

.t-2 {
  top: 2rem;
}

.t-3 {
  top: 3rem;
}

.t-4 {
  top: 4rem;
}

.t-5 {
  top: 5rem;
}

.t-6 {
  top: 6rem;
}

.t-7 {
  top: 7rem;
}

.t-8 {
  top: 8rem;
}

.t-9 {
  top: 9rem;
}

.t-10 {
  top: 10rem;
}

.r-0 {
  right: 0;
}

.r-1 {
  right: 1rem;
}

.r-2 {
  right: 2rem;
}

.r-3 {
  right: 3rem;
}

.r-4 {
  right: 4rem;
}

.r-5 {
  right: 5rem;
}

.r-6 {
  right: 6rem;
}

.r-7 {
  right: 7rem;
}

.r-8 {
  right: 8rem;
}

.r-9 {
  right: 9rem;
}

.r-10 {
  right: 10rem;
}

.l-0 {
  left: 0;
}

.l-1 {
  left: 1rem;
}

.l-2 {
  left: 2rem;
}

.l-3 {
  left: 3rem;
}

.l-4 {
  left: 4rem;
}

.l-5 {
  left: 5rem;
}

.l-6 {
  left: 6rem;
}

.l-7 {
  left: 7rem;
}

.l-8 {
  left: 8rem;
}

.l-9 {
  left: 9rem;
}

.l-10 {
  left: 10rem;
}

.b-0 {
  bottom: 0;
}

.b-1 {
  bottom: 1rem;
}

.b-2 {
  bottom: 2rem;
}

.b-3 {
  bottom: 3rem;
}

.b-4 {
  bottom: 4rem;
}

.b-5 {
  bottom: 5rem;
}

.b-6 {
  bottom: 6rem;
}

.b-7 {
  bottom: 7rem;
}

.b-8 {
  bottom: 8rem;
}

.b-9 {
  bottom: 9rem;
}

.b-10 {
  bottom: 10rem;
}

/* Margin */
.m-0 {
  margin: 0rem;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.m-5 {
  margin: 2rem;
}

.m-6 {
  margin: 2.5rem;
}

.m-7 {
  margin: 3rem;
}

.m-8 {
  margin: 3.5rem;
}

.m-9 {
  margin: 4rem;
}

.m-10 {
  margin: 4.5rem;
}

.m-11 {
  margin: 5rem;
}

.m-12 {
  margin: 5.5rem;
}

.m-13 {
  margin: 6rem;
}

.m-14 {
  margin: 6.5rem;
}

.m-15 {
  margin: 7rem;
}

.m-16 {
  margin: 7.5rem;
}

.m-17 {
  margin: 8rem;
}

.m-18 {
  margin: 8.5rem;
}

.m-19 {
  margin: 9rem;
}

.m-20 {
  margin: 9.5rem;
}

.m-21 {
  margin: 10rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-16 {
  margin-left: 7.5rem;
}

.ml-17 {
  margin-left: 8rem;
}

.ml-18 {
  margin-left: 8.5rem;
}

.ml-19 {
  margin-left: 9rem;
}

.ml-20 {
  margin-left: 9.5rem;
}

.ml-21 {
  margin-left: 10rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mr-16 {
  margin-right: 7.5rem;
}

.mr-17 {
  margin-right: 8rem;
}

.mr-18 {
  margin-right: 8.5rem;
}

.mr-19 {
  margin-right: 9rem;
}

.mr-20 {
  margin-right: 9.5rem;
}

.mr-21 {
  margin-right: 10rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-16 {
  margin-bottom: 7.5rem;
}

.mb-17 {
  margin-bottom: 8rem;
}

.mb-18 {
  margin-bottom: 8.5rem;
}

.mb-19 {
  margin-bottom: 9rem;
}

.mb-20 {
  margin-bottom: 9.5rem;
}

.mb-21 {
  margin-bottom: 10rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-16 {
  margin-top: 7.5rem;
}

.mt-17 {
  margin-top: 8rem;
}

.mt-18 {
  margin-top: 8.5rem;
}

.mt-19 {
  margin-top: 9rem;
}

.mt-20 {
  margin-top: 9.5rem;
}

.mt-21 {
  margin-top: 10rem;
}

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

/* padding */
.m-0 {
  margin: 0 !important;
}

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

.p-0 {
  padding: 0rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.p-5 {
  padding: 2rem;
}

.p-6 {
  padding: 2.5rem;
}

.p-7 {
  padding: 3rem;
}

.p-8 {
  padding: 3.5rem;
}

.p-9 {
  padding: 4rem;
}

.p-10 {
  padding: 4.5rem;
}

.p-11 {
  padding: 5rem;
}

.p-12 {
  padding: 5.5rem;
}

.p-13 {
  padding: 6rem;
}

.p-14 {
  padding: 6.5rem;
}

.p-15 {
  padding: 7rem;
}

.p-16 {
  padding: 7.5rem;
}

.p-17 {
  padding: 8rem;
}

.p-18 {
  padding: 8.5rem;
}

.p-19 {
  padding: 9rem;
}

.p-20 {
  padding: 9.5rem;
}

.p-21 {
  padding: 10rem;
}

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

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 1rem;
}

.pl-4 {
  padding-left: 1.5rem;
}

.pl-5 {
  padding-left: 2rem;
}

.pl-6 {
  padding-left: 2.5rem;
}

.pl-7 {
  padding-left: 3rem;
}

.pl-8 {
  padding-left: 3.5rem;
}

.pl-9 {
  padding-left: 4rem;
}

.pl-10 {
  padding-left: 4.5rem;
}

.pl-11 {
  padding-left: 5rem;
}

.pl-12 {
  padding-left: 5.5rem;
}

.pl-13 {
  padding-left: 6rem;
}

.pl-14 {
  padding-left: 6.5rem;
}

.pl-15 {
  padding-left: 7rem;
}

.pl-16 {
  padding-left: 7.5rem;
}

.pl-17 {
  padding-left: 8rem;
}

.pl-18 {
  padding-left: 8.5rem;
}

.pl-19 {
  padding-left: 9rem;
}

.pl-20 {
  padding-left: 9.5rem;
}

.pl-21 {
  padding-left: 10rem;
}

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

.pr-1 {
  padding-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pr-4 {
  padding-right: 1.5rem;
}

.pr-5 {
  padding-right: 2rem;
}

.pr-6 {
  padding-right: 2.5rem;
}

.pr-7 {
  padding-right: 3rem;
}

.pr-8 {
  padding-right: 3.5rem;
}

.pr-9 {
  padding-right: 4rem;
}

.pr-10 {
  padding-right: 4.5rem;
}

.pr-11 {
  padding-right: 5rem;
}

.pr-12 {
  padding-right: 5.5rem;
}

.pr-13 {
  padding-right: 6rem;
}

.pr-14 {
  padding-right: 6.5rem;
}

.pr-15 {
  padding-right: 7rem;
}

.pr-16 {
  padding-right: 7.5rem;
}

.pr-17 {
  padding-right: 8rem;
}

.pr-18 {
  padding-right: 8.5rem;
}

.pr-19 {
  padding-right: 9rem;
}

.pr-20 {
  padding-right: 9.5rem;
}

.pr-21 {
  padding-right: 10rem;
}

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

.pb-1 {
  padding-bottom: 0.25rem;
}

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

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

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

.pb-5 {
  padding-bottom: 2rem;
}

.pb-6 {
  padding-bottom: 2.5rem;
}

.pb-7 {
  padding-bottom: 3rem;
}

.pb-8 {
  padding-bottom: 3.5rem;
}

.pb-9 {
  padding-bottom: 4rem;
}

.pb-10 {
  padding-bottom: 4.5rem;
}

.pb-11 {
  padding-bottom: 5rem;
}

.pb-12 {
  padding-bottom: 5.5rem;
}

.pb-13 {
  padding-bottom: 6rem;
}

.pb-14 {
  padding-bottom: 6.5rem;
}

.pb-15 {
  padding-bottom: 7rem;
}

.pb-16 {
  padding-bottom: 7.5rem;
}

.pb-17 {
  padding-bottom: 8rem;
}

.pb-18 {
  padding-bottom: 8.5rem;
}

.pb-19 {
  padding-bottom: 9rem;
}

.pb-20 {
  padding-bottom: 9.5rem;
}

.pb-21 {
  padding-bottom: 10rem;
}

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

.pt-1 {
  padding-top: 0.25rem;
}

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

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

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

.pt-5 {
  padding-top: 2rem;
}

.pt-6 {
  padding-top: 2.5rem;
}

.pt-7 {
  padding-top: 3rem;
}

.pt-8 {
  padding-top: 3.5rem;
}

.pt-9 {
  padding-top: 4rem;
}

.pt-10 {
  padding-top: 4.5rem;
}

.pt-11 {
  padding-top: 5rem;
}

.pt-12 {
  padding-top: 5.5rem;
}

.pt-13 {
  padding-top: 6rem;
}

.pt-14 {
  padding-top: 6.5rem;
}

.pt-15 {
  padding-top: 7rem;
}

.pt-16 {
  padding-top: 7.5rem;
}

.pt-17 {
  padding-top: 8rem;
}

.pt-18 {
  padding-top: 8.5rem;
}

.pt-19 {
  padding-top: 9rem;
}

.pt-20 {
  padding-top: 9.5rem;
}

.pt-21 {
  padding-top: 10rem;
}

.mx-1 {
  margin: 0 1em;
}

.mx-2 {
  margin: 0 2em;
}

.mx-3 {
  margin: 0 3em;
}

.mx-4 {
  margin: 0 4em;
}

.mx-5 {
  margin: 0 5em;
}

.mx-6 {
  margin: 0 6em;
}

.mx-7 {
  margin: 0 7em;
}

.mx-8 {
  margin: 0 8em;
}

.mx-9 {
  margin: 0 9em;
}

.mx-10 {
  margin: 0 10em;
}

.my-1 {
  margin: 1em 0;
}

.my-2 {
  margin: 2em 0;
}

.my-3 {
  margin: 3em 0;
}

.my-4 {
  margin: 4em 0;
}

.my-5 {
  margin: 5em 0;
}

.my-6 {
  margin: 6em 0;
}

.my-7 {
  margin: 7em 0;
}

.my-8 {
  margin: 8em 0;
}

.my-9 {
  margin: 9em 0;
}

.my-10 {
  margin: 10em 0;
}

/* Radius */
.rd-0 {
  border-radius: 0rem;
}

.rd-1 {
  border-radius: 0.25rem;
}

.rd-2 {
  border-radius: 0.5rem;
}

.rd-3 {
  border-radius: 1rem;
}

.rd-4 {
  border-radius: 1.5rem;
}

.rd-5 {
  border-radius: 2rem;
}

.rd-6 {
  border-radius: 2.5rem;
}

.rd-7 {
  border-radius: 3rem;
}

.rd-8 {
  border-radius: 3.5rem;
}

.rd-9 {
  border-radius: 4rem;
}

.rd-10 {
  border-radius: 4.5rem;
}

.rd-11 {
  border-radius: 5rem;
}

.rd-12 {
  border-radius: 5.5rem;
}

.rd-13 {
  border-radius: 6rem;
}

.rd-14 {
  border-radius: 6.5rem;
}

.rd-15 {
  border-radius: 7rem;
}

.rd-16 {
  border-radius: 7.5rem;
}

.rd-17 {
  border-radius: 8rem;
}

.rd-18 {
  border-radius: 8.5rem;
}

.rd-19 {
  border-radius: 9rem;
}

.rd-20 {
  border-radius: 9.5rem;
}

.rd-21 {
  border-radius: 10rem;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.mh-fullvh {
  min-height: 100vh;
}

/* Min Width */
.min-w-25px {
  min-width: 25px;
}

.min-w-50px {
  min-width: 50px;
}

.min-w-75px {
  min-width: 75px;
}

.min-w-100px {
  min-width: 100px;
}

.min-w-125px {
  min-width: 125px;
}

.min-w-150px {
  min-width: 150px;
}

.min-w-175px {
  min-width: 175px;
}

.min-w-200px {
  min-width: 200px;
}

.min-w-225px {
  min-width: 225px;
}

.min-w-250px {
  min-width: 250px;
}

.min-w-275px {
  min-width: 275px;
}

.min-w-300px {
  min-width: 300px;
}

.min-w-325px {
  min-width: 325px;
}

.min-w-350px {
  min-width: 350px;
}

.min-w-375px {
  min-width: 375px;
}

/* Width */
@media (min-width: 1200px) {
  .w-xl-11px {
    width: 100px;
  }
  .w-xl-12px {
    width: 200px;
  }
  .w-xl-13px {
    width: 300px;
  }
  .w-xl-14px {
    width: 400px;
  }
  .w-xl-15px {
    width: 500px;
  }
  .w-xl-16px {
    width: 600px;
  }
  .w-xl-17px {
    width: 700px;
  }
  .w-xl-18px {
    width: 800px;
  }
  .w-xl-19px {
    width: 900px;
  }
  .w-xl-20px {
    width: 1000px;
  }
  .w-xl-21px {
    width: 1100px;
  }
  .w-xl-22px {
    width: 1200px;
  }
  .w-xl-23px {
    width: 1300px;
  }
  .w-xl-24px {
    width: 1400px;
  }
}
@media (min-width: 992px) {
  .w-lg-11px {
    width: 100px;
  }
  .w-lg-12px {
    width: 200px;
  }
  .w-lg-13px {
    width: 300px;
  }
  .w-lg-14px {
    width: 400px;
  }
  .w-lg-15px {
    width: 500px;
  }
  .w-lg-16px {
    width: 600px;
  }
  .w-lg-17px {
    width: 700px;
  }
  .w-lg-18px {
    width: 800px;
  }
  .w-lg-19px {
    width: 900px;
  }
  .w-lg-20px {
    width: 1000px;
  }
  .w-lg-21px {
    width: 1100px;
  }
  .w-lg-22px {
    width: 1200px;
  }
  .w-lg-23px {
    width: 1300px;
  }
  .w-lg-24px {
    width: 1400px;
  }
}
.w-square-sm-1 {
  width: 1px;
  height: 1px;
  flex-shrink: 0;
}

.w-square-sm-2 {
  width: 2px;
  height: 2px;
  flex-shrink: 0;
}

.w-square-sm-3 {
  width: 3px;
  height: 3px;
  flex-shrink: 0;
}

.w-square-sm-4 {
  width: 4px;
  height: 4px;
  flex-shrink: 0;
}

.w-square-sm-5 {
  width: 5px;
  height: 5px;
  flex-shrink: 0;
}

.w-square-sm-6 {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
}

.w-square-sm-7 {
  width: 7px;
  height: 7px;
  flex-shrink: 0;
}

.w-square-sm-8 {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}

.w-square-sm-9 {
  width: 9px;
  height: 9px;
  flex-shrink: 0;
}

.w-square-sm-10 {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
}

.w-square-sm-11 {
  width: 11px;
  height: 11px;
  flex-shrink: 0;
}

.w-square-sm-12 {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.w-square-sm-13 {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
}

.w-square-sm-14 {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.w-square-sm-15 {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.w-square-sm-16 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.w-square-sm-17 {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}

.w-square-sm-18 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.w-square-sm-19 {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
}

.w-square-sm-20 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.w-square-sm-21 {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
}

.w-square-sm-22 {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.w-square-sm-23 {
  width: 23px;
  height: 23px;
  flex-shrink: 0;
}

.w-square-sm-24 {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.w-square-sm-25 {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}

.w-square-sm-26 {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

.w-square-sm-27 {
  width: 27px;
  height: 27px;
  flex-shrink: 0;
}

.w-square-sm-28 {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.w-square-sm-29 {
  width: 29px;
  height: 29px;
  flex-shrink: 0;
}

.w-square-sm-30 {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}

.w-square-sm-31 {
  width: 31px;
  height: 31px;
  flex-shrink: 0;
}

.w-square-sm-32 {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.w-square-sm-33 {
  width: 33px;
  height: 33px;
  flex-shrink: 0;
}

.w-square-sm-34 {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}

.w-square-sm-35 {
  width: 35px;
  height: 35px;
  flex-shrink: 0;
}

.w-square-sm-36 {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.w-square-sm-37 {
  width: 37px;
  height: 37px;
  flex-shrink: 0;
}

.w-square-sm-38 {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

.w-square-sm-39 {
  width: 39px;
  height: 39px;
  flex-shrink: 0;
}

.w-square-sm-40 {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.w-square-sm-41 {
  width: 41px;
  height: 41px;
  flex-shrink: 0;
}

.w-square-sm-42 {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}

.w-square-sm-43 {
  width: 43px;
  height: 43px;
  flex-shrink: 0;
}

.w-square-sm-44 {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}

.w-square-sm-45 {
  width: 45px;
  height: 45px;
  flex-shrink: 0;
}

.w-square-sm-46 {
  width: 46px;
  height: 46px;
  flex-shrink: 0;
}

.w-square-sm-47 {
  width: 47px;
  height: 47px;
  flex-shrink: 0;
}

.w-square-sm-48 {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

.w-square-sm-49 {
  width: 49px;
  height: 49px;
  flex-shrink: 0;
}

.w-square-sm-50 {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

/* Font */
.fs-1px {
  font-size: 1px;
}

.fs-2px {
  font-size: 2px;
}

.fs-3px {
  font-size: 3px;
}

.fs-4px {
  font-size: 4px;
}

.fs-5px {
  font-size: 5px;
}

.fs-6px {
  font-size: 6px;
}

.fs-7px {
  font-size: 7px;
}

.fs-8px {
  font-size: 8px;
}

.fs-9px {
  font-size: 9px;
}

.fs-10px {
  font-size: 10px;
}

.fs-11px {
  font-size: 11px;
}

.fs-12px {
  font-size: 12px;
}

.fs-13px {
  font-size: 13px;
}

.fs-14px {
  font-size: 14px;
}

.fs-15px {
  font-size: 15px;
}

.fs-16px {
  font-size: 16px;
}

.fs-17px {
  font-size: 17px;
}

.fs-18px {
  font-size: 18px;
}

.fs-19px {
  font-size: 19px;
}

.fs-20px {
  font-size: 20px;
}

.fs-21px {
  font-size: 21px;
}

.fs-22px {
  font-size: 22px;
}

.fs-23px {
  font-size: 23px;
}

.fs-24px {
  font-size: 24px;
}

.fs-25px {
  font-size: 25px;
}

.fs-26px {
  font-size: 26px;
}

.fs-27px {
  font-size: 27px;
}

.fs-28px {
  font-size: 28px;
}

.fs-29px {
  font-size: 29px;
}

.fs-30px {
  font-size: 30px;
}

.fs-31px {
  font-size: 31px;
}

.fs-32px {
  font-size: 32px;
}

.fs-33px {
  font-size: 33px;
}

.fs-34px {
  font-size: 34px;
}

.fs-35px {
  font-size: 35px;
}

.fs-36px {
  font-size: 36px;
}

.fs-37px {
  font-size: 37px;
}

.fs-38px {
  font-size: 38px;
}

.fs-39px {
  font-size: 39px;
}

.fs-40px {
  font-size: 40px;
}

.fs-41px {
  font-size: 41px;
}

.fs-42px {
  font-size: 42px;
}

.fs-43px {
  font-size: 43px;
}

.fs-44px {
  font-size: 44px;
}

.fs-45px {
  font-size: 45px;
}

.fs-46px {
  font-size: 46px;
}

.fs-47px {
  font-size: 47px;
}

.fs-48px {
  font-size: 48px;
}

.fs-49px {
  font-size: 49px;
}

.fs-50px {
  font-size: 50px;
}

.fs-51px {
  font-size: 51px;
}

.fs-52px {
  font-size: 52px;
}

.fs-53px {
  font-size: 53px;
}

.fs-54px {
  font-size: 54px;
}

.fs-55px {
  font-size: 55px;
}

.fs-56px {
  font-size: 56px;
}

.fs-57px {
  font-size: 57px;
}

.fs-58px {
  font-size: 58px;
}

.fs-59px {
  font-size: 59px;
}

.fs-60px {
  font-size: 60px;
}

.fs-61px {
  font-size: 61px;
}

.fs-62px {
  font-size: 62px;
}

.fs-63px {
  font-size: 63px;
}

.fs-64px {
  font-size: 64px;
}

.fs-65px {
  font-size: 65px;
}

.fs-66px {
  font-size: 66px;
}

.fs-67px {
  font-size: 67px;
}

.fs-68px {
  font-size: 68px;
}

.fs-69px {
  font-size: 69px;
}

.fs-70px {
  font-size: 70px;
}

.fs-71px {
  font-size: 71px;
}

.fs-72px {
  font-size: 72px;
}

.fs-73px {
  font-size: 73px;
}

.fs-74px {
  font-size: 74px;
}

.fs-75px {
  font-size: 75px;
}

.fs-76px {
  font-size: 76px;
}

.fs-77px {
  font-size: 77px;
}

.fs-78px {
  font-size: 78px;
}

.fs-79px {
  font-size: 79px;
}

.fs-80px {
  font-size: 80px;
}

.fs-81px {
  font-size: 81px;
}

.fs-82px {
  font-size: 82px;
}

.fs-83px {
  font-size: 83px;
}

.fs-84px {
  font-size: 84px;
}

.fs-85px {
  font-size: 85px;
}

.fs-86px {
  font-size: 86px;
}

.fs-87px {
  font-size: 87px;
}

.fs-88px {
  font-size: 88px;
}

.fs-89px {
  font-size: 89px;
}

.fs-90px {
  font-size: 90px;
}

.fs-91px {
  font-size: 91px;
}

.fs-92px {
  font-size: 92px;
}

.fs-93px {
  font-size: 93px;
}

.fs-94px {
  font-size: 94px;
}

.fs-95px {
  font-size: 95px;
}

.fs-96px {
  font-size: 96px;
}

.fs-97px {
  font-size: 97px;
}

.fs-98px {
  font-size: 98px;
}

.fs-99px {
  font-size: 99px;
}

.fs-100px {
  font-size: 100px;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

/** Pin **/
.pin {
  display: block;
  position: absolute;
}

.pin.pin-right {
  right: 1rem;
}

.pin.pin-left {
  left: 1rem;
}

.pin.pin-top {
  top: 1rem;
}

/** Custom **/
.background-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  opacity: 0.15;
}

.bp-bottom {
  background-position: bottom;
}

.bp-norepeat {
  background-repeat: no-repeat;
}

.bp-s-contain {
  background-size: contain;
}

.fe-background-body {
  background-color: var(--fe-background-body);
}

/** Border **/
.border-bottom-blue {
  border-color: var(--blue);
  border-bottom-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

/** Border **/
.border-bottom-pink {
  border-color: var(--pink);
  border-bottom-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.border-wh-2-solid {
  border-style: solid;
}

.border-top {
  border-top: 1px solid var(--fe-frontborder);
}

.border-top-dashed {
  border-top: 1px dashed var(--fe-frontborder);
}

.border-bottom {
  border-bottom: 1px solid var(--fe-frontborder);
}

.border-bottom-dashed {
  border-bottom: 1px dashed var(--fe-frontborder);
}

.border-bottom-yellow {
  border-bottom: 1px solid var(--yellow);
}

.border-bottom-pink {
  border-bottom: 1px solid var(--pink);
}

.border-left {
  border-left: 1px solid var(--fe-frontborder);
}

.border-left-dashed {
  border-left: 1px dashed var(--fe-frontborder);
}

.border-right {
  border-right: 1px solid var(--fe-frontborder);
}

.border-right-dashed {
  border-right: 1px dashed var(--fe-frontborder);
}

.all-border {
  border: 1px solid var(--fe-frontborder);
}

.all-border-dashed {
  border: 1px dashed var(--fe-frontborder);
}

.all-border-purple {
  border: 1px solid var(--purple) !important;
}

.all-border-pink {
  border: 1px solid var(--pink);
}

.all-border-yellow {
  border: 1px solid var(--yellow);
}

.all-border-blue {
  border: 1px solid var(--blue) !important;
}

.all-border-yellow-light {
  border: 1px solid var(--yellow-light);
}

.all-border-green {
  border: 1px solid var(--green);
}

.all-border-green-light {
  border: 1px solid var(--green-light);
}

.all-border-primary {
  border: 1px solid var(--primary) !important;
}

.separator {
  height: 1px;
  background-color: var(--fe-frontborder);
}

/***/
.item--icon {
  background-color: var(--sk-color-base-background);
  height: 35px;
  width: 35px;
  line-height: 35px;
}

.rounded-circle {
  border-radius: 50% !important;
}

/**/
.boxed-shadow {
  box-shadow: 0px 4px 40px 0px var(--shadow-color);
  -moz-box-shadow: 0px 4px 40px 0px var(--shadow-color);
  -webkit-box-shadow: 0px 4px 40px 0px var(--shadow-color);
  -o-box-shadow: 0px 4px 40px 0px var(--shadow-color);
}

/**/
.overlay {
  display: none;
  background-color: var(--sk-color-overlay);
  overflow-y: hidden;
  position: fixed;
  z-index: 1010;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/**/
.list-group a {
  color: inherit;
  display: block;
}
.list-group a:last-child {
  margin-bottom: 0;
}

/**/
.profil-home {
  display: block;
}

.profil-home.map-visible {
  display: flex;
  align-items: center;
}

.profil-home.map-visible #map {
  height: 600px;
  margin-top: 1rem;
  margin-left: 2rem;
  border-radius: 6px;
  width: 600px;
}

/**/
.drapal-service {
  z-index: 3;
  text-align: center;
  left: 28%;
  top: 32%;
}

.badge {
  display: inline-block;
  padding: 5px 10px;
  font-size: 0.625rem;
  font-weight: 600;
  vertical-align: top;
  border-radius: 50px;
  border: 1px solid transparent;
}

.badge-dashed {
  border-style: dashed;
}

.badge-middle {
  font-size: 0.78rem;
}

.badge-purple {
  background-color: var(--purple);
  color: white;
}

.badge-green {
  background-color: var(--green);
  color: white;
}

.badge-orange {
  background-color: var(--orange);
  color: white;
}

.badge-blue {
  background-color: #85cfd7;
  color: white;
}

.badge-outline-purple {
  background-color: transparent;
  color: var(--purple);
  border-color: var(--purple);
}

.badge-outline-green {
  background-color: transparent;
  color: var(--green);
  border-color: var(--green);
}

.badge-outline-orange {
  background-color: transparent;
  color: var(--orange);
  border-color: var(--orange);
}

.badge-soft-danger {
  background: #ffebeb;
  color: #e60000;
}

.badge-soft-success {
  background: #ebfcf5;
  color: #00ab66;
}

button i {
  vertical-align: middle;
}

.bg-darker {
  background-color: var(--bg-darker);
}

/**Inner Nav **/
.inner-nav {
  margin: 40px 0;
}

.inner-nav li {
  display: inline-block;
  margin-right: 5px;
}
.inner-nav li:last-child {
  margin-right: 0;
}

.inner-nav li a {
  display: block;
  padding: 10px 15px;
  border-radius: 6px;
  font-weight: 600;
}

.inner-nav li.active a {
  background-color: var(--blue);
  color: white;
}

table .actions--links a {
  display: inline-block;
  width: 37px;
  height: 37px;
  border-radius: 50px;
  text-align: center;
}
table .actions--links a:hover {
  background-color: var(--wl-body-background);
}

table .actions--links a i {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
.ua, .ua_a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.ua_a.ua_a-gear {
  background-image: url("../images/icons/automotive_ua/ua_gearbox-0dQdANv.png");
}

.ua.ua-gear2-car {
  background-image: url("../images/icons/gear_2_car-swU0Ff5.png");
}

[data-layout_mode=dark] .ua.ua-gear2-car {
  background-image: url("../images/icons/white/gear_2_car-swU0Ff5.png");
}

.ua_a.ua_a-motor {
  background-image: url("../images/icons/automotive_ua/ua_motor-umSiTOh.png");
}

.ua.ua-flying-car {
  background-image: url("../images/icons/flying_car-s1Sz4SI.png");
}

[data-layout_mode=dark] .ua.ua-flying-car {
  background-image: url("../images/icons/white/flying_car-dOJDmlu.png");
}

.ua.ua-seat-car {
  background-image: url("../images/icons/seat_car-SGTKQOA.png");
}

[data-layout_mode=dark] .ua.ua-seat-car {
  background-image: url("../images/icons/white/seat_car-6iXS4sR.png");
}

.ua_a.ua_a-fuel {
  background-image: url("../images/icons/automotive_ua/ua_fuel-Ci0cbh4.png");
}

.ua_a.ua_a-doors-2 {
  background-image: url("../images/icons/automotive_ua/ua_doors-2-hJGOF3y.png");
}

.ua.ua-dashboard-car {
  background-image: url("../images/icons/dashboard_car-nzhYagH.png");
}

[data-layout_mode=dark] .ua.ua-dashboard-car {
  background-image: url("../images/icons/white/dashboard_car-p0Vulfl.png");
}

.ua.ua-electric2-car {
  background-image: url("../images/icons/electric2_car-8yJBdxR.png");
}

[data-layout_mode=dark] .ua.ua-electric2-car {
  background-image: url("../images/icons/white/electric2_car-QB9SfTv.png");
}

.ua.ua-fuelbis-car {
  background-image: url("../images/icons/fuelbis_car-v_k8xPx.png");
}

[data-layout_mode=dark] .ua.ua-fuelbis-car {
  background-image: url("../images/icons/white/fuelbis_car-VIUuase.png");
}

.ua.ua-calendar {
  background-image: url("../images/icons/calendar-XcjLJQ5.png");
}

[data-layout_mode=dark] .ua.ua-calendar {
  background-image: url("../images/icons/white/calendar-OJUMSRq.png");
}

.ua_a.ua_a-road {
  background-image: url("../images/icons/automotive_ua/ua_road-4bv7OiV.png");
}

.ua_a.ua_a-seat {
  background-image: url("../images/icons/automotive_ua/ua_seat-FTzV4qN.png");
}

.ua_a.ua_a-calendar {
  background-image: url("../images/icons/automotive_ua/ua_calendar-zKFOVaO.png");
}

.ua.ua-distrib {
  background-image: url("../images/icons/distrib_car-ONtxRho.png");
}

[data-layout_mode=dark] .ua.ua-distrib {
  background-image: url("../images/icons/white/distrib_car-hjWhnVu.png");
}

.ua.ua-tire {
  background-image: url("../images/icons/tire_car-Vn99w1I.png");
}

[data-layout_mode=dark] .ua.ua-tire {
  background-image: url("../images/icons/white/tire_car-w4E2zlp.png");
}

.ua.ua-break2 {
  background-image: url("../images/icons/break_2_car-xCW67jT.png");
}

[data-layout_mode=dark] .ua.ua-break2 {
  background-image: url("../images/icons/white/break_2_car-JZaho5J.png");
}

.ua.ua-oil {
  background-image: url("../images/icons/oil_car-0OEYsMy.png");
}

[data-layout_mode=dark] .ua.ua-oil {
  background-image: url("../images/icons/white/oil_car-0OEYsMy.png");
}

.ua.ua-oil3 {
  background-image: url("../images/icons/oil_3_car-6NwN8v2.png");
}

[data-layout_mode=dark] .ua.ua-oil3 {
  background-image: url("../images/icons/white/oil_3_car-xVuOrPe.png");
}

.ua.ua-shock-absorber {
  background-image: url("../images/icons/shock_absorber_car-V23YaGo.png");
}

[data-layout_mode=dark] .ua.ua-shock-absorber {
  background-image: url("../images/icons/white/shock_absorber_car-TJKPTSh.png");
}

.ua.ua-battery {
  background-image: url("../images/icons/battery_car-LdRZ7ZL.png");
}

[data-layout_mode=dark] .ua.ua-battery {
  background-image: url("../images/icons/white/battery_car-ZK11MMJ.png");
}

.ua.ua-battery2 {
  background-image: url("../images/icons/car-battery-9ofQwKQ.png");
}

[data-layout_mode=dark] .ua.ua-battery2 {
  background-image: url("../images/icons/white/car-battery-ZJh-wEO.png");
}

.ua.ua-battery3 {
  background-image: url("../images/icons/battery3-zUnM7nT.png");
}

[data-layout_mode=dark] .ua.ua-battery3 {
  background-image: url("../images/icons/white/battery3-pQA0n8v.png");
}

.ua.ua-battery4 {
  background-image: url("../images/icons/battery4-8ipl5pD.png");
}

[data-layout_mode=dark] .ua.ua-battery4 {
  background-image: url("../images/icons/white/battery4-gB7D9Y6.png");
}

.ua.ua-clutch {
  background-image: url("../images/icons/clutch-l4rDsUN.png");
}

[data-layout_mode=dark] .ua.ua-clutch {
  background-image: url("../images/icons/white/clutch-GdP1ty1.png");
}

.ua.ua-motor-skills-car {
  background-image: url("../images/icons/motor_skills_car-NkQYAZz.png");
}

[data-layout_mode=dark] .ua.ua-motor-skills-car {
  background-image: url("../images/icons/white/motor_skills_car-y09BSPt.png");
}

.ua.ua-performance {
  background-image: url("../images/icons/performance-FIu4UOi.png");
}

[data-layout_mode=dark] .ua.ua-performance {
  background-image: url("../images/icons/white/performance--Xwlg_C.png");
}

.ua.ua-equipments {
  background-image: url("../images/icons/equipments-xDgSWjr.png");
}

[data-layout_mode=dark] .ua.ua-equipments {
  background-image: url("../images/icons/white/equipments-TG0b1fJ.png");
}

/** Colored **/
.ua.ua-doors-color {
  background-image: url("../images/icons/doors-color-yx2fibe.png");
}

[data-layout_mode=dark] .ua.ua-doors-color {
  background-image: url("../images/icons/white/doors-color-yx2fibe.png");
}

.ua.ua-mileage-color {
  background-image: url("../images/icons/mileage-color-mcgiB4o.png");
}

[data-layout_mode=dark] .ua.ua-mileage-color {
  background-image: url("../images/icons/white/mileage-color-mcgiB4o.png");
}

.ua.ua-seat-color {
  background-image: url("../images/icons/ua_seat-color-aaEsiyO.png");
}

[data-layout_mode=dark] .ua.ua-seat-color {
  background-image: url("../images/icons/white/ua_seat-color-aaEsiyO.png");
}

.ua.ua-fuel-color {
  background-image: url("../images/icons/fuel-3-color-Eg8K593.png");
}

[data-layout_mode=dark] .ua.ua-fuel-color {
  background-image: url("../images/icons/white/fuel-3-color-Eg8K593.png");
}

.ua.ua-motor-color {
  background-image: url("../images/icons/motor-color-_W2ZCZr.png");
}

[data-layout_mode=dark] .ua.ua-motor-color {
  background-image: url("../images/icons/white/motor-color-_W2ZCZr.png");
}

.ua.ua-car-color {
  background-image: url("../images/icons/car-color-zElQ_n9.png");
}

[data-layout_mode=dark] .ua.ua-car-color {
  background-image: url("../images/icons/white/car-color-zElQ_n9.png");
}

.ua.ua-euro-color {
  background-image: url("../images/icons/euro-color-4LNWz0s.png");
}

[data-layout_mode=dark] .ua.ua-euro-color {
  background-image: url("../images/icons/white/euro-color-4LNWz0s.png");
}

.ua.ua-guarantee-color {
  background-image: url("../images/icons/guarantee-color-ecapv8c.png");
}

[data-layout_mode=dark] .ua.ua-guarantee-color {
  background-image: url("../images/icons/white/guarantee-color-ecapv8c.png");
}

.ua.ua-air-color {
  background-image: url("../images/icons/air-color-F9ZpOXh.png");
}

[data-layout_mode=dark] .ua.ua-air-color {
  background-image: url("../images/icons/white/air-color-F9ZpOXh.png");
}

.ua.ua-gearbox-color {
  background-image: url("../images/icons/gearbox-color-ezWWMUq.png");
}

[data-layout_mode=dark] .ua.ua-gearbox-color {
  background-image: url("../images/icons/white/gearbox-color-ezWWMUq.png");
}

.ua.ua-clutch-color {
  background-image: url("../images/icons/clutch-color-xVwxFfs.png");
}

[data-layout_mode=dark] .ua.ua-clutch-color {
  background-image: url("../images/icons/white/clutch-color-xVwxFfs.png");
}

.ua.ua-oil3-color {
  background-image: url("../images/icons/oil_3_car-color-1_JAAbf.png");
}

[data-layout_mode=dark] .ua.ua-oil3-color {
  background-image: url("../images/icons/white/oil_3_car-color-1_JAAbf.png");
}

.ua.ua-break2-color {
  background-image: url("../images/icons/break_2_car-color-TJ-vezW.png");
}

[data-layout_mode=dark] .ua.ua-break2-color {
  background-image: url("../images/icons/white/break_2_car-color-TJ-vezW.png");
}

.ua.ua-distrib-color {
  background-image: url("../images/icons/distrib_car-color-A2gAMN6.png");
}

[data-layout_mode=dark] .ua.ua-distrib-color {
  background-image: url("../images/icons/white/distrib_car-color-A2gAMN6.png");
}

.ua.ua-tire-color {
  background-image: url("../images/icons/tire_car-color-mwP4GrA.png");
}

[data-layout_mode=dark] .ua.ua-tire-color {
  background-image: url("../images/icons/white/tire_car-color-mwP4GrA.png");
}

.ua.ua-battery4-color {
  background-image: url("../images/icons/battery4-color-Dqe0tAr.png");
}

[data-layout_mode=dark] .ua.ua-battery4-color {
  background-image: url("../images/icons/white/battery4-color-Dqe0tAr.png");
}

.ua.ua-shock-absorber-color {
  background-image: url("../images/icons/shock_absorber_car-color-XXNADeb.png");
}

[data-layout_mode=dark] .ua.ua-shock-absorber-color {
  background-image: url("../images/icons/white/shock_absorber_car-color-XXNADeb.png");
}

.ua.ua-clutch-color {
  background-image: url("../images/icons/clutch-color-xVwxFfs.png");
}

[data-layout_mode=dark] .ua.ua-clutch-color {
  background-image: url("../images/icons/white/clutch-color-xVwxFfs.png");
}

.ua.ua-performance-color {
  background-image: url("../images/icons/performance-color-yQFpUGl.png");
}

[data-layout_mode=dark] .ua.ua-performance-color {
  background-image: url("../images/icons/white/performance-color-yQFpUGl.png");
}

.ua.ua-motor-skills-car-color {
  background-image: url("../images/icons/motor_skills_car-color-n7XePrw.png");
}

[data-layout_mode=dark] .ua.ua-motor-skills-car-color {
  background-image: url("../images/icons/white/motor_skills_car-color-n7XePrw.png");
}

.ua.ua-gearbox-color {
  background-image: url("../images/icons/gearbox-color-ezWWMUq.png");
}

[data-layout_mode=dark] .ua.ua-gearbox-color {
  background-image: url("../images/icons/white/gearbox-color-ezWWMUq.png");
}

.ua.ua-dimensions-color {
  background-image: url("../images/icons/dimensions-color-PoYzGln.png");
}

[data-layout_mode=dark] .ua.ua-dimensions-color {
  background-image: url("../images/icons/white/dimensions-color-PoYzGln.png");
}

.ua.ua-equipments-color {
  background-image: url("../images/icons/equipments-color-bnfdSdu.png");
}

[data-layout_mode=dark] .ua.ua-equipments-color {
  background-image: url("../images/icons/white/equipments-color-bnfdSdu.png");
}

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

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}

.ribbon {
  --f: .5em; /* control the folded part */
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.8;
  padding-inline: 1lh;
  padding-bottom: var(--f);
  border-image: conic-gradient(rgba(0, 0, 0, 0.5333333333) 0 0) 51%/var(--f);
  clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(-29.2893218813%, -100%) rotate(-45deg);
  transform-origin: 100% 100%;
  background-color: var(--orange); /* the main color  */
  z-index: 15;
}

.ribbon.ribbon-blue {
  background-color: #3a84b1;
  color: white;
}

.ribbon.ribbon-orange {
  background-color: var(--orange);
  color: white;
}

.ribbon.ribbon-pink {
  background-color: var(--pink);
  color: white;
}

.breadcrumbs ol {
  display: flex;
  align-items: center;
  gap: 0.8em;
  padding: 0;
  margin: 2em 0;
}

.breadcrumbs ol li {
  display: inline-block;
}

.breadcrumbs ol li a {
  color: var(--grey400);
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--secondary);
  content: "•";
  float: left;
  padding-right: 0.8em;
}

.alpine-tabs .accordion-item {
  margin-bottom: 1em;
}

.alpine-tabs .accordion-item button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1em;
  text-transform: uppercase;
  font-weight: 500;
  gap: 10px;
  cursor: pointer;
  color: var(--primary);
  background-color: var(--fe-frontground);
  border-radius: 0.4em;
}

.alpine-tabs .accordion-item button i.bx {
  font-size: 1.8em;
}

.alpine-tabs .accordion-item button i.ua, .alpine-tabs .accordion-item button i.ua_a {
  width: 28px;
  height: 28px;
}

.alpine-tabs .accordion-item .accordion-content {
  padding: 0 2em 2em 2em;
}

/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
.card {
  border-radius: 0.6em;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  -o-border-radius: 0.6em;
}

.card-light {
  background-color: white;
}

.card-primary {
  background-color: var(--primary);
  color: white;
}

.card-rounded {
  border-radius: 50px;
}

.card-color2 {
  background-color: #dde1ed;
}

.card-shadow {
  box-shadow: 0px 4px 30px rgba(95, 94, 231, 0.07);
}

/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
.form-control, .form-select {
  background-color: white;
  margin-top: 0;
  font-size: inherit;
  height: auto;
  font-weight: 500;
  border: solid 1px #f0f0f0;
  border-radius: 3px;
  padding: 9px 10px;
  color: #262965;
  width: 100%;
  margin-bottom: 10px;
}

input[type=select].form-control {
  background-image: url("data:image/svg+xml;utf8,<svg fill='%2352D9F2' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 50%;
}

.form-group label, .form-label {
  font-weight: 600;
  font-size: 10pt;
  display: block;
  margin-bottom: 0.25rem;
}

.form-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.45em;
}

.filter-check fieldset {
  border: 0;
  padding: 0;
}

.filter-check fieldset > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.form-select > .form-control {
  width: auto;
  padding: 0;
  margin: 0;
}

.form-select > label {
  margin: 0;
}

.plate-form {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 0.5rem;
  padding: 0 2em;
  background: var(--primary) url("../images/starsOfEurope-Nf27df2.svg") no-repeat 10px 8px/12px 12px;
  position: relative;
  border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}
.plate-form:before {
  content: attr(data-country);
  position: absolute;
  left: 0;
  bottom: 0.125rem;
  width: 2rem;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
}

.plate-form .form-control {
  border-radius: 0;
  text-align: center;
  margin: 0;
}

.fileUpload {
  border: 2px dashed var(--fe-frontborder);
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.fileUpload.border-secondary {
  border-color: var(--secondary);
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .card-inside-one .form-check input[type=checkbox],
  .card-inside-one .form-check input[type=radio] {
    --active: var(--sk-color-four);
  }
  .form-check input[type=checkbox],
  .form-check input[type=radio] {
    --active: var(--primary);
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, 0.3);
    --border: var(--fe-frontborder);
    --border-hover: var(--secondary);
    --background: var(--fe-background-body);
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  .form-check input[type=checkbox]:after,
  .form-check input[type=radio]:after {
    content: "";
    display: block;
    background-color: var(--form-bg-color);
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  .form-check input[type=checkbox]:checked,
  .form-check input[type=radio]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  .form-check input[type=checkbox]:disabled,
  .form-check input[type=radio]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  .form-check input[type=checkbox]:disabled:checked,
  .form-check input[type=radio]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  .form-check input[type=checkbox]:disabled + label,
  .form-check input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  .form-check input[type=checkbox]:hover:not(:checked):not(:disabled),
  .form-check input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  .form-check input[type=checkbox]:focus,
  .form-check input[type=radio]:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  .form-check input[type=checkbox]:not(.form-check-input),
  .form-check input[type=radio]:not(.form-check-input) {
    width: 21px;
  }
  .form-check input[type=checkbox]:not(.form-check-input):after,
  .form-check input[type=radio]:not(.form-check-input):after {
    opacity: var(--o, 0);
  }
  .form-check input[type=checkbox]:not(.form-check-input):checked,
  .form-check input[type=radio]:not(.form-check-input):checked {
    --o: 1;
  }
  .form-check input[type=checkbox] + label,
  .form-check input[type=radio] + label {
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }
  .form-check input[type=checkbox]:not(.form-check-input),
  .form-check input[type=radio]:not(.form-check-input) {
    border-radius: 7px;
  }
  .form-check input[type=checkbox]:not(.form-check-input):after,
  .form-check input[type=radio]:not(.form-check-input):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  .form-check input[type=checkbox]:not(.form-check-input):checked,
  .form-check input[type=radio]:not(.form-check-input):checked {
    --r: 43deg;
  }
  .form-check input[type=checkbox].form-check-input,
  .form-check input[type=radio].form-check-input {
    width: 38px;
    border-radius: 11px;
  }
  .form-check input[type=checkbox].form-check-input:after,
  .form-check input[type=radio].form-check-input:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  .form-check input[type=checkbox].form-check-input:checked,
  .form-check input[type=radio].form-check-input:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  .form-check input[type=checkbox].form-check-input:disabled:not(:checked):after,
  .form-check input[type=radio].form-check-input:disabled:not(:checked):after {
    opacity: 0.6;
  }
  .form-check input[type=radio] {
    border-radius: 50%;
  }
  .form-check input[type=radio]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  .form-check input[type=radio]:checked {
    --s: .5;
  }
}
.invalid-feedback {
  color: white;
  background-color: var(--danger);
  display: inline-block;
  padding: 0.1em 0.5em;
  font-size: 0.8em;
  border-radius: 0.2em;
}

/* With icon **/
.input-with-icon .input-group {
  display: flex;
  position: relative;
  border-radius: 0.3rem;
}

.input-with-icon.input-group-bg-2 .input-group, .input-with-icon.input-group-bg-2 .input-group .form-control {
  background-color: var(--fe-frontground);
}

.input-with-icon .input-group .input-group-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

.input-with-icon .input-group .form-control {
  margin: 0;
  padding-left: 30px;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-radius: 0.3rem;
}

/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
[x-cloak] {
  display: none !important;
}

.modal-wrapper {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.modal-content {
  position: relative;
  z-index: 15;
  background-color: var(--fe-background-body);
  padding: 1em;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

@media (min-width: 758px) {
  .modal-content {
    top: 15%;
    max-width: min(600px, 100% - 1rem);
    min-width: 500px;
    height: inherit;
    margin-inline: auto;
    min-height: 400px;
    max-height: 600px;
    overflow-y: auto;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    -o-border-radius: 0.8em;
  }
}
.login-modal.hidden {
  display: none;
}

.login-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.login-modal-content {
  background: white;
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
  max-width: 400px;
}

.login-modal-content .btn-login {
  display: inline-block;
  margin-top: 1rem;
  background: var(--primary);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  text-decoration: none;
}

.login-modal-content .btn-close {
  background: transparent;
  border: none;
  font-size: 1.2rem;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
}

/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
.label {
  display: inline-block;
  padding: 0.3em 0.8em;
  font-weight: 600;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
}

.label-default {
  background-color: var(--fe-frontground);
  color: var(--primary);
}

.label-white {
  background-color: white;
  color: var(--primary);
}

.label-body {
  background-color: var(--fe-background-body);
  color: var(--primary);
}

.badge {
  display: inline-block;
  padding: 5px 10px;
  font-size: 0.785em;
  font-weight: 500;
  border: 1px solid transparent;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
}

.badge-top {
  vertical-align: top;
}

.badge-orange {
  background-color: var(--orange);
  color: white;
}

.label-rounded {
  display: inline-flex;
  border-radius: 50%;
  font-weight: 500;
  align-items: center;
  justify-content: center;
}

.label-rounded__25 {
  height: 25px;
  width: 25px;
}

.label-bg-primary {
  background-color: var(--primary);
  color: white;
}

.label-bg-secondary {
  background-color: var(--secondary);
  color: white;
}

body {
  --space: 2rem;
  font-family: "Euclid Circular B", sans-serif;
  background-color: var(--ua-color-base-background);
  margin: 0;
  color: var(--fe-color-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.bg_frontground {
  background-color: var(--fe-frontground);
}

.bg-body {
  background-color: var(--fe-background-body);
}

.font__gloria {
  font-family: "Gloria Hallelujah", serif;
  font-weight: 400;
  font-style: normal;
}

.section_brands {
  padding: 2em 0;
  display: none;
}

.section_brands .brands {
  display: grid;
  gap: 1em;
}

.section_brands .brands > img {
  width: 150px;
  height: auto;
}

@media (min-width: 1024px) {
  .section_brands {
    display: block;
  }
  .section_brands .brands {
    grid-template-columns: repeat(8, 1fr);
    align-items: center;
  }
  .section_brands .brands > img {
    width: 90px;
    opacity: 0.85;
  }
}
.guarantee-card-page .guarantee-type.primary {
  background-color: rgb(255, 102, 0);
  color: white;
}
.guarantee-card-page .guarantee-type.primary:after {
  background-color: rgb(255, 102, 0);
}

.guarantee-card-page .guarantee-type.secondary {
  background-color: var(--secondary);
  color: white;
}
.guarantee-card-page .guarantee-type.secondary:after {
  background-color: var(--secondary);
}

.guarantee-card-page .guarantee-type {
  position: absolute;
  text-transform: uppercase;
  padding: 0.25rem 0.8rem;
  font-size: 10px;
  font-weight: 700;
  top: -2px;
  left: -3px;
  color: var(--ua-color-gray);
  z-index: 2;
  border-radius: 5px 5px 0;
}
.guarantee-card-page .guarantee-type:after {
  border-radius: 6px 3px;
  bottom: 0;
  content: "";
  position: absolute;
  right: -4px;
  top: 0;
  transform: skewX(-16deg);
  width: 100%;
  z-index: -1;
}

.guarantee-card-page {
  background-color: var(--ua-color-base-background);
  position: relative;
  margin-bottom: 20px;
  border: 1px solid var(--border-color);
}

.guarantee-card-page .guarantee-logo {
  text-align: center;
  margin-bottom: 25px;
}

.guarantee-card-page .guarantee-title {
  text-align: right;
  padding: 10px;
}

.guarantee-card-page .guarantee-title h2 {
  color: white;
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  background-color: var(--primary);
  display: inline-block;
  padding: 0 15px;
  border-radius: 6px;
}

.guarantee-card-page .guarantee-title span {
  text-transform: uppercase;
}

.guarantee-card-page .list-guarantee-items ul {
  display: flex;
  flex-direction: column;
}

.guarantee-card-page .list-guarantee-items ul li {
  display: block;
  padding: 15px;
  border-bottom: 1px solid var(--border-color);
  position: relative;
}
.guarantee-card-page .list-guarantee-items ul li:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  bottom: 0;
  border-radius: 50px;
  background-color: var(--primary);
}

.guarantee-card-page .list-guarantee-items ul li:nth-of-type(even) {
  background-color: var(--fe-frontground);
}

.guarantee-card-page .list-guarantee-items ul li .item-name {
  display: block;
  font-size: 16px;
  color: var(--secondary);
  font-weight: 600;
  margin-bottom: 0;
}

.guarantee-card-page .list-guarantee-items ul li .item-name,
.guarantee-card-page .list-guarantee-items ul li .item-description,
.guarantee-card-page .list-guarantee-items ul li em {
  margin-left: 30px;
  display: block;
}

.guarantee-card-page .list-guarantee-items ul li em {
  font-size: 11px;
  margin-top: 3px;
}

.guarantee-card-page .list-guarantee-items ul li .label {
  display: inline-block;
  padding: 0 8px;
  font-size: 13px;
  color: white;
  margin-right: 4px;
}

.guarantee-card-page .list-guarantee-items ul li .label-primary {
  background-color: var(--primary);
  color: white;
}

.guarantee-card-page .list-guarantee-items ul li .label-secondary {
  background-color: var(--secondary);
  color: white;
}

.guarantee-card-page .download-file {
  text-align: center;
  padding: 15px;
}

.guarantee-card-page .download-file a, .guarantee-card-page .download-file button {
  border-radius: 6px;
}

@media all and (max-width: 587px) {
  .page-guarantee .card {
    overflow-x: auto;
  }
  .div-guarantee-container {
    width: 700px;
  }
}
.div-thead-guarantee, .div-tr-guarantee {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.guarantee__title {
  background-color: var(--primary);
  color: white;
  padding: 10px;
  font-weight: 700;
  font-size: 16px;
}

.div-thead-guarantee {
  gap: 10px;
  background: var(--fe-background-body);
}

.div-thead-guarantee > div {
  line-height: 3;
}

[data-layout_mode=default] .div-tr-guarantee ul li,
[data-layout_mode=default] .div-flex-guarantee ul li {
  --border-color: white;
}

.div-tr-guarantee.selected ul li {
  background-color: var(--blue200);
}

.div-tr-guarantee ul li, .div-flex-guarantee ul li {
  --border-color: white;
  line-height: 2;
  border-bottom: 1px solid var(--border-color);
  background-color: var(--ua-color-base-foreground);
  padding: 0 15px;
}

.div-flex-guarantee {
  display: flex;
  justify-content: space-between;
}

.div-td-first-guarantee {
  width: 325px;
  line-height: 2;
}

.div-td-first-guarantee ul li {
  background-color: var(--ua-color-base-foreground);
  padding: 0 15px;
}

.div-flex-guarantee .flex-root {
  background-color: var(--ua-color-base-foreground);
  line-height: 2;
}

[data-layout_mode=default] .div-selected-guarantee {
  --border-color: white;
}

.div-selected-guarantee {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--blue200);
  padding: 20px;
  border-bottom: 1px solid var(--border-color);
}

.div-selected-guarantee span {
  flex: 1;
  font-weight: 600;
  font-size: 13px;
}

.logo-text-gm {
  background-color: var(--secondary);
  color: white;
  padding: 15px 0;
}

.logo-text-gm h3 {
  color: white;
  font-weight: 700;
  font-size: 28px;
  margin: 0;
}

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

/* Tablettes */
@media (min-width: 768px) {
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Ordinateurs de bureau */
@media (min-width: 1024px) {
  .container {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Grands écrans */
@media (min-width: 1440px) {
  .container {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
  }
}
.advert-top, .message-head-top {
  padding: 15px 0;
  background-color: var(--primary);
  color: white;
}

.advert-bar, .advert-bar-mobile {
  background-color: #eaf8fc;
}

.advert-bar {
  display: none;
}

.advert-bar-mobile {
  padding: 0.75rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.advert-bar-title {
  font-weight: 700;
  font-size: 12pt;
}

.advert-bar-content {
  font-size: 11pt;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .advert-bar-mobile {
    display: none;
  }
  .advert-bar {
    display: block;
  }
}
.beta-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.beta-modal.hidden {
  display: none;
}

.beta-modal-content {
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  max-width: 400px;
  text-align: center;
}

/** Alert **/
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
}

.alert-light-info {
  background-color: rgba(72, 163, 215, 0.2);
  border-color: rgba(22, 199, 249, 0.9019607843);
  color: #48a3d7;
}

.alert-light-danger {
  background-color: rgba(215, 72, 72, 0.2);
  border-color: rgba(249, 22, 22, 0.9);
  color: #d74848;
}

.alert-light-warning {
  background-color: rgba(215, 113, 72, 0.2);
  border-color: rgba(249, 158, 22, 0.9);
  color: #d77748;
}

.favorite-toast {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #333;
  color: white;
  padding: 10px 15px;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(20px);
  z-index: 1000;
}

.favorite-toast.visible {
  opacity: 1;
  transform: translateY(0);
}

.navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 15px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0.41px 24px;
  position: relative;
  z-index: 20;
}

.navigation .brand-company img {
  height: 45px;
  width: auto;
}

.navigation .btn-navigation {
  background: none;
  top: 10px;
  margin: 0;
  display: flex;
  padding: 10px 0;
  font-size: 34px;
  gap: 10px;
  color: var(--grey100);
  transition-duration: 0.1s;
}

.navigation .btn-navigation a {
  color: var(--grey100);
  transition-duration: 0.1s;
}
.navigation .btn-navigation a:hover {
  color: var(--fe-color-body);
}

.navigation .btn-navigation a.text-orange {
  color: var(--orange);
}
.navigation .btn-navigation a.text-orange:hover {
  color: var(--fe-color-body);
}

.navigation .right-items,
.navigation .company__name {
  display: none;
}

.navigation .ua__menu {
  background-color: var(--fe-background-body);
  padding: 10px;
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  z-index: 99;
  height: 100%;
  width: 100%;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  transform: translateX(100%);
  transition: transform 0.5s ease-in-out;
}
.navigation .ua__menu.is_deployed {
  transform: translateX(0);
  overflow-x: auto;
}

.navigation .ua__menu.mobile-menu ul {
  padding: 15px;
}

.navigation .ua__menu.mobile-menu ul li {
  border-bottom: 1px solid var(--fe-border-color100);
  line-height: 50px;
}

.navigation .ua__menu.mobile-menu ul li a {
  color: var(--blue500);
  font-size: 16px;
  font-weight: 700;
}

.navigation .ua__menu.mobile-menu ul li.current a {
  color: var(--secondary);
}

.navigation .ua__menu.mobile-menu .mobile_elements {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 15px;
  padding-top: 10px;
}

.navigation .ua__menu.mobile-menu .mobile_elements span {
  font-size: 32px;
  color: var(--blue500);
}

.navigation .ua__menu .submenu ul, .navigation .ua__menu.mobile-menu ul .submenu ul {
  display: block;
}

.navigation .ua__menu.mobile-menu ul .submenu ul {
  background-color: var(--fe-frontground);
}

.navigation .ua__menu .submenu ul li {
  display: block;
  text-align: left;
}

/* Tablettes */
/* Ordinateurs de bureau */
@media (min-width: 1024px) {
  .navigation .company__name {
    display: block;
  }
  .navigation .brand-company {
    display: flex;
    align-items: center;
  }
  .navigation .brand-company .company__name {
    margin-left: 10px;
  }
  .navigation .ua__menu {
    background: transparent;
    transform: translateX(0);
    position: relative;
    width: auto;
  }
  .navigation .ua__menu.mobile-menu .mobile_elements {
    display: none;
  }
  .navigation .ua__menu.mobile-menu ul {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .navigation .ua__menu.mobile-menu ul li {
    border: 0;
    line-height: inherit;
  }
  .navigation .ua__menu.mobile-menu ul li a {
    font-weight: 600;
  }
  .navigation .btn-navigation .btn-nav {
    display: none;
  }
}
/* Grands écrans */
@media (min-width: 1440px) {
  .navigation .right-items {
    display: block;
  }
  .navigation .ua__menu ul li {
    position: relative;
  }
  .navigation .ua__menu ul li:hover .submenu {
    opacity: 1;
    visibility: visible;
  }
  .navigation .ua__menu .submenu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background-color: var(--fe-frontground);
    border-radius: 0 0 0.625rem 0.625rem;
    left: 0;
    padding: 1rem 1.5rem;
    /*transform: translateX(-50%);*/
    width: 250px;
    top: calc(100% + 30px);
    z-index: -1;
    transition: visibility 0.6s, opacity 0.6s ease-in-out;
  }
}
.search-card {
  position: relative;
}

.btn-hero-search-offer {
  display: none;
}

@media (min-width: 1280px) {
  .button-wrapper {
    text-align: center;
  }
  .btn-hero-search-offer {
    display: inline-block;
  }
  .btn-hero-search-offer {
    background-color: var(--primary);
    padding: 1em;
    color: white;
    cursor: pointer;
    border: none;
    border-radius: 0 0 1rem 1rem;
    position: relative;
    z-index: 1;
  }
  .search-card {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-50%);
    transition: 0.4s ease-in-out;
  }
  .search-card.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
.search-card .tabs-nav ul {
  display: flex;
  align-items: center;
  gap: 5px;
}

.search-card .tabs-nav ul li {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  background-color: var(--fe-frontground);
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
}

.search-card .tabs-nav ul li.active {
  background-color: var(--primary);
  color: white;
}

.search-card .tabs-wrapper {
  background-color: white;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.search-card h3 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 19px;
}

.search-card .fantasy_brand {
  font-family: "Gloria Hallelujah", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 19px;
}

.search-card .fantasy_brand span {
  color: var(--secondary);
}

.search-card .flex_search_home {
  flex-direction: column;
  margin-bottom: 20px;
}

.search-card .flex_search_home label {
  display: none;
}

.search-card .flex_search_home .form-control {
  width: 100%;
}

/* Ordinateurs de bureau */
@media (min-width: 1024px) {
  .search-card {
    width: 600px;
    margin: 0 auto;
  }
  .search-card .flex_search_home {
    flex-direction: row;
    margin-bottom: 10px;
    gap: 20px;
  }
  .search-card .flex_search_home > div {
    width: 50%;
  }
}
/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.search-card .btn {
  width: 100%;
  padding: 15px 0;
  margin: 0;
  border-radius: 100rem;
  font-size: 0.95em;
}

.groups-buttons {
  --gap: .5em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap);
  background-color: var(--fe-frontground);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--gap);
  z-index: 1000;
}

.btn-mid-rounded {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
}

@media (min-width: 758px) {
  .groups-buttons {
    position: inherit;
    background-color: transparent;
    border: 1px solid var(--fe-frontborder);
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
  }
  .btn-mid-rounded {
    width: 50px;
    height: 50px;
    font-size: 2em;
  }
}
.btn-primary {
  background-color: var(--primary);
  color: white;
}
.btn-primary:hover {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}

.btn-outline-primary {
  background-color: white;
  color: var(--primary);
  border-color: var(--primary);
}
.btn-outline-primary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: white;
}

.btn-secondary {
  background-color: var(--secondary);
  color: white;
}
.btn-secondary:hover {
  background-color: transparent;
  border-color: var(--secondary);
  color: var(--secondary);
}

.btn-inverse-default {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.btn-inverse-default:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: white;
}

.btn, .btn-big {
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  transition: all 0.3s ease-in-out;
  text-align: center;
  position: relative;
  justify-content: flex-start;
  align-content: baseline;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -o-border-radius: 0.4em;
}

.btn {
  font-size: 1em;
  padding: 10px;
}

.btn-big {
  font-size: 1.1em;
  padding: 1em;
  width: 100%;
}

.btn-default {
  background-color: var(--fe-background-body);
  color: var(--primary);
}
.btn-default:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: white;
}

.btn-light-danger {
  background-color: rgba(215, 72, 72, 0.2);
  border-color: rgba(249, 22, 22, 0.9);
  color: #d74848;
}
.btn-light-danger:hover {
  background-color: var(--danger);
  border-color: var(--danger);
  color: white;
}

.btn-flex {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.btn-flex-rounded {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

button.favorite-button {
  background-color: white;
}

button.favorite-button span.active {
  color: var(--danger);
}

button.vf___link-heart span.heart__icon {
  background-image: url("../images/icons/heart-YPcGpD7.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 20px;
  height: 20px;
}

button.vf___link-heart span.heart__icon.active {
  background-image: url("../images/icons/heart_active-pQOEqAD.png");
}

.vehicle_heart button.vf___link-heart span.heart__icon {
  background-image: url("../images/icons/heart_white-6tlGKf7.png");
}

.vehicle_heart button.vf___link-heart span.heart__icon.active {
  background-image: url("../images/icons/heart_active-pQOEqAD.png");
}

.section_services {
  position: relative;
  margin-top: -70px;
}

.section_hero {
  background-color: var(--primary);
  background-image: url("../images/utilatuo29_vehicle_header-fzrBbmF.jpg");
  background-position: center bottom;
  background-size: cover;
  padding: 40px 0 100px 0;
}

@media (min-width: 1280px) {
  .section_hero {
    padding: 0 0 100px 0;
  }
}
.section_last_offers {
  background-color: var(--fe-frontground);
  margin: 2em 0;
  padding: 2em 0;
}

.section_last_offers h3,
.section_in_front h3 {
  font-size: 16pt;
}

.section_services .services_box {
  flex-direction: column;
  background-color: var(--fe-frontground);
  border-radius: 8px;
}

.section_services .services_box .service_item:first-child {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.section_services .services_box .service_item:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 0;
}

.section_services .services_box .service_item {
  padding: 15px;
  border-bottom: 1px solid var(--fe-frontborder);
}

.section_services .services_box .service_item .service__icon i {
  font-size: 38px;
}

.section_services .services_box .service_item .service__details {
  margin-left: 25px;
}

/* Tablettes */
@media (min-width: 768px) {
  .section_services .services_box {
    flex-direction: column;
    background-color: var(--fe-frontground);
    border-radius: 8px;
  }
}
/* Ordinateurs de bureau */
@media (min-width: 1024px) {
  .section_services .services_box {
    flex-direction: row;
    background-color: var(--fe-frontground);
    gap: 10px;
  }
  .section_services .services_box .service_item {
    padding: 15px;
    border-bottom: 0;
    width: 33.333%;
  }
  .section_services .services_box .service_item:first-child {
    border-right: 1px solid var(--fe-frontborder);
  }
  .section_services .services_box .service_item:last-child {
    border-left: 1px solid var(--fe-frontborder);
  }
}
/* Grands écrans */
@media (min-width: 1440px) {
  .section_services .services_box {
    gap: 20px;
  }
  .section_services .services_box .service_item {
    padding: 20px;
  }
}
.vehicle_card_link {
  color: inherit;
}

.vehicles_list {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.vehicle-card {
  box-shadow: rgba(72, 88, 133, 0.08) 0px 4px 8px;
  display: block;
  position: relative;
}

.vehicle_heart .vehicle-card {
  border: 1px solid var(--primary);
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.vehicle_heart .vehicle-card .vehicle__content {
  background-color: var(--fe-frontground);
}

.vehicle_heart .vehicle-card .vehicle_guarantee {
  background-color: white;
}

.vehicle_heart .vehicle-card .vehicle_price {
  background-color: white;
  border: 1px solid var(--primary);
  border-radius: 50px;
  padding: 0;
  line-height: 1.5;
}

.vehicle_heart .vehicle-card .vehicle_price span {
  font-size: 22px;
}

.vehicle_heart .vehicle-card .vehicle__footer .vehicle__footer-link .vf___link-view {
  background-color: white;
  color: var(--primary);
  border-top: 1px solid var(--primary);
}

.vehicle_heart .vehicle-card .vehicle__footer .vehicle__footer-link .vf___link-heart {
  background-color: var(--primary);
  color: white;
  border-top: 1px solid var(--primary);
}

.vehicle_card_link:hover .vehicle-card {
  box-shadow: rgba(72, 88, 133, 0.15) 0px 4px 8px;
}

.vehicle-card .vehicle__picture {
  overflow: hidden;
}

.vehicle-card .vehicle__picture img {
  transition: transform 0.4s;
  max-width: 100%;
  width: 100%;
  position: relative;
  height: auto;
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}

.vehicle_card_link:hover .vehicle__picture .img-thumbnail {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
  border-radius: 15px;
  z-index: 10;
}

.vehicle-card .vehicle__content {
  background-color: var(--fe-background-body);
  padding: 1.2rem;
  height: auto;
  overflow: hidden;
}

.vehicle-card, .vehicle__footer {
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.vehicle-card .vehicle__content h2 {
  margin-bottom: 0;
  font-size: 20px;
}

.vehicle-card .vehicle__content p {
  margin-top: 0;
}

.vehicle-card .vehicle_guarantee {
  background-color: var(--fe-frontground);
  text-align: center;
  line-height: 2.2em;
  font-weight: 500;
  font-size: 13px;
}

.vehicle-card .vehicle_reserved {
  background-color: var(--orange);
  color: white;
  text-align: center;
  line-height: 2em;
}

.vehicle-card .vehicle__footer .vehicle__footer-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vehicle-card .vehicle__footer .vehicle__footer-link .vf___link-heart {
  border-bottom-left-radius: 0.8rem;
  background-color: var(--info-light);
}

.vehicle-card .vehicle__footer .vehicle__footer-link .vf___link-view {
  flex: 1;
  background-color: var(--primary);
  color: white;
  border-bottom-right-radius: 0.8rem;
}

.vehicle-card .vehicle__footer .vehicle__footer-link .vf___link-heart,
.vehicle-card .vehicle__footer .vehicle__footer-link .vf___link-view {
  padding: 0.85em 1rem;
  font-size: 14px;
  cursor: pointer;
}

.vehicle-card .overlay-sold {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}

.vehicle-card .overlay-sold > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.vehicle-card .overlay-sold .badge-sold {
  background-color: var(--orange);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
}

.car_specs {
  padding: 1rem 0 1.4rem;
  display: grid;
  max-width: 40rem;
  gap: 8px 0px;
  grid-template-columns: repeat(3, 1fr);
}

.car_specs .element_spec {
  display: flex;
  align-items: center;
  gap: 6px;
}

.car_specs .element_spec span {
  font-weight: 500;
}

.vehicle-card .vehicle_price {
  text-align: center;
  border-top: 1px solid var(--fe-border-color100);
  padding: 0.5rem 0 0 0;
}

.vehicle-card .vehicle_price span {
  font-size: 26px;
  font-weight: 600;
}

.btn--data {
  border: 1px solid var(--primary);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  color: inherit;
}

.btn--data .link__text {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  transition: 0.3s;
}

.btn--data .link__data {
  background-color: var(--primary);
  color: white;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  transition: 0.3s;
}

.btn--data .link__text, .btn--data .link__data {
  text-align: center;
}

.btn--data .link__data:before {
  content: "";
  position: absolute;
  width: 10px;
  top: 0;
  background-color: var(--primary);
  bottom: 0;
  left: -5px;
  transform: skew(-10deg);
  z-index: 1;
  transition: 0.3s;
}

.btn--data .link__data span {
  transform: skew(40deg);
}

.btn--data:hover .link__data {
  background-color: white;
  color: var(--primary);
}

.btn--data:hover .link__data:before {
  background-color: white;
}

.btn--data:hover .link__text {
  background-color: var(--primary);
  color: white;
}

/**
Véhicle type
 */
.wrapper_types_car {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 15px;
}

.wrapper_types_car .item_type {
  background-color: var(--fe-frontground);
  padding: 15px;
  display: block;
  text-align: center;
  border-radius: 8px;
  color: var(--primary);
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.wrapper_types_car .item_type:hover {
  border-color: var(--primary);
}

.wrapper_types_car .item_type span {
  display: block;
  text-align: center;
  font-weight: 600;
}

.wrapper_types_car .item_type svg {
  fill: var(--orange);
}

@media (min-width: 1024px) {
  .car_specs {
    grid-template-columns: repeat(2, 1fr);
  }
  .vehicles_list {
    flex-direction: row;
  }
}
.vehicle-card-find .vehicle__find {
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
  background-color: var(--fe-background-body);
}

.vehicle-card-find .vehicle-find-content {
  background-color: var(--fe-background-body);
  padding: 2em;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.vehicle-card-find .vehicle-find-content .card-find-title {
  font-weight: 600;
  font-size: 1.3em;
}

.filter-block {
  margin-top: 1em;
}

.filter-block .f_block-title {
  display: flex;
  align-items: center;
}

.filter-block .f_block-title > .ua {
  width: 26px;
  height: 26px;
}

.filter-block .f_block-title span {
  display: block;
  margin-left: 0.8em;
  font-weight: 600;
  font-size: 11pt;
}

.filter-block .f_block-content {
  padding: 10px;
}

/* UtilAuto29 template 2025 v1.0.0
 * Author : Yann Cario
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
.top-adv-about-car {
  background-color: var(--primary);
  color: white;
  padding: 0.7em;
  top: 0;
  width: 100%;
  z-index: 1001;
}

.top-adv-about-car .car-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.top-adv-about-car .car-top-bar .car__picture img {
  height: 40px;
  width: auto;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
}

.top-adv-about-car .car-top-bar .car__info {
  flex: 1 1;
}

.top-adv-about-car .car-top-bar .car__info .name {
  font-size: 1.1em;
  font-weight: 500;
}

.top-adv-about-car .car-top-bar .car__info .version {
  display: none;
}

.top-adv-about-car .car-top-bar .card__price span {
  font-weight: 600;
  font-size: 1.5em;
}

#offer_filter-button {
  margin-top: 1.5em;
}

.car-list-container .car-lists.column-center {
  margin: auto 15px;
  padding-top: 1.5em;
  min-height: 1200px;
}

.car-list-container aside.offer_search {
  visibility: hidden;
  transform: translateX(-100%);
  transition: all 0.3s ease-in-out;
  background-color: white;
  position: fixed;
  z-index: 25;
  top: 0;
  bottom: 0;
  height: 100vh;
  overflow-y: auto;
}

.car-list-container aside.offer_search.sidebar-visible {
  opacity: 1;
  visibility: visible;
  width: 100%;
  transform: translateX(0);
}

.car-list-container .offer_car_tools .oc__tools-right {
  display: none;
}

.car-lists h1 {
  font-size: 26px;
  margin-bottom: 0;
}

.tools-offer-form {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.tools-offer-form .search-offer .form-control {
  margin-bottom: 0;
}

.tools-offer-form .search-offer {
  flex: 1 1;
}

.offers-heart-items {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 10px;
  margin-top: 1em;
}

.offers-heart-items .offer-heart-item {
  display: flex;
  gap: 10px;
  background-color: var(--fe-background-body);
  border-radius: 0.6em;
  color: inherit;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
}
.offers-heart-items .offer-heart-item:hover {
  border: 1px solid var(--secondary);
}

.offers-heart-items .offer-heart-item .offer-heart_photo {
  position: relative;
}

.offers-heart-items .offer-heart-item .offer-heart_photo .ohp__box span {
  position: absolute;
  left: 10px;
  padding: 4px 10px;
  border-radius: 50px;
  font-weight: 500;
  background-color: var(--primary);
  color: white;
  font-size: 0.9em;
  top: 10px;
}

.offers-heart-items .offer-heart-item .offer-heart_photo {
  display: block;
  width: 200px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 0.6em;
  border-bottom-left-radius: 0.6em;
}

.offers-heart-items .offer-heart-item .offer-heart_detail {
  position: relative;
  padding: 1em;
}

.offers-heart-items .offer-heart-item .offer-heart_detail .details_name span {
  display: block;
}

.offers-heart-items .offer-heart-item .offer-heart_detail .details_name span.details_name__model {
  font-size: 1.1em;
}

.offers-heart-items .offer-heart-item .offer-heart_detail .details_name span.details_name__version {
  text-transform: uppercase;
  font-size: 0.85em;
  color: var(--grey500);
}

.offers-heart-items .offer-heart-item .offer-heart_detail .details_specs {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.offers-heart-items .offer-heart-item .offer-heart_detail .details_specs > div {
  background-color: var(--fe-frontground);
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0.2em 1em;
  font-size: 0.9em;
}

.offers-heart-items .offer-heart-item .offer-heart_detail .details__price {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: var(--secondary);
  color: white;
  padding: 4px 10px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 0.9em;
}

/* Tablettes */
@media (min-width: 768px) {
  .offers-heart-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
  .top-adv-about-car .car-top-bar .car__info .version {
    display: block;
  }
}
/* Ordinateurs de bureau */
@media (min-width: 1024px) {
  .offers-heart-items .offer-heart-item {
    background-color: var(--fe-frontground);
  }
  .offers-heart-items .offer-heart-item .offer-heart_detail .details_specs > div {
    background-color: var(--fe-background-body);
  }
  .offers-heart-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
/* Grands écrans */
@media (min-width: 1440px) {
  .offers-heart-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}
@media (min-width: 1820px) {
  .offers-heart-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(300px, 1fr));
  }
}
.tools-offer-form .paginate {
  padding: 0;
}

#offer_filter-button_close {
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 18pt;
  background-color: transparent;
}

.search_content .get-filter span {
  min-width: 35px;
  background: #e2eff1;
  height: 20px;
  text-align: center;
  position: relative;
  padding: 1px 8px;
  border-radius: 50px;
  background: rgba(167, 236, 248, 0.2509803922);
  border: solid 1px #7ad6ef;
  font-size: 8pt;
  justify-content: space-between;
  display: inline-flex;
  cursor: pointer;
  margin: 5px;
  text-transform: capitalize;
}

/* Ordinateurs de bureau */
@media (min-width: 1024px) {
  .car-list-container aside.offer_search.search_open, .car-list-container aside.offer_search {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    width: 320px;
    position: fixed;
    top: initial;
    bottom: initial;
  }
  .car-list-container .car-lists.column-center .car-lists-hero {
    background-color: var(--fe-background-body);
    padding: 1em;
  }
  .car-list-container .car-lists.column-center .card-lists-content {
    padding-top: 1.5em;
    margin: auto 40px;
  }
  .car-list-container .car-lists.column-center {
    margin-left: 320px;
    margin-top: 0;
    padding-top: 0;
    margin-right: 0;
  }
  #offer_filter-button, #offer_filter-button_close {
    display: none;
  }
  .offer_list.vehicle-results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;
  }
}
/** Heart **/
.offer_heart {
  margin-bottom: 2em;
}

.offer_heart .offer_heart-header {
  border-top-left-radius: 0.8em;
  border-top-right-radius: 0.8em;
  background-color: var(--primary);
  padding: 1em;
  color: white;
}

.offer_heart .offer_heart-content {
  border-bottom-left-radius: 0.8em;
  border-bottom-right-radius: 0.8em;
  background-color: var(--fe-background-body);
  padding: 1em;
}

@media (min-width: 1024px) {
  .offer_heart {
    display: flex;
  }
  .offer_heart .offer_heart-header {
    border-radius: 0.8em 0 0 0.8em;
  }
  .offer_heart .offer_heart-content {
    border-radius: 0 0.8em 0.8em 0;
    flex: 1 1;
  }
}
/** Ads page */
.adv-header-car {
  position: relative;
}

.adv-car-gallery {
  position: relative;
}

.adv-car-gallery .user-tools button:first-child {
  top: 1em;
}

.adv-car-gallery .user-tools button {
  --size: 35px;
  display: flex;
  position: absolute;
  right: 1em;
  top: 4em;
  align-items: center;
  justify-content: center;
  background-color: var(--fe-background-body);
  color: var(--primary);
  width: var(--size);
  height: var(--size);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
}
.adv-car-gallery .user-tools button:hover {
  background-color: var(--secondary);
  color: white;
  width: auto;
  padding: 0.3em 1em;
  gap: 8px;
}

.adv-car-gallery .user-tools button span {
  opacity: 0;
  width: 1px;
}

.adv-car-gallery .user-tools button:hover span {
  opacity: 1;
  width: auto;
}

.car-technic-specs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 1em;
}

.car-technic-specs .ts__parts {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--primary);
  padding: 0.2em 0.8em;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
}

.car-technic-specs .ts__parts .ts-item-parts {
  line-height: 1.3;
}

.car-technic-specs .ts__parts .ts-item-parts .ts__name {
  color: var(--grey300);
  display: block;
}

.car__sold {
  background-color: var(--secondary);
  display: inline-block;
  font-size: 1.1em;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.4em 1em;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
}

.car-price .suffix_price {
  font-size: 0.9em;
}

.car-price .price {
  font-size: 2.8em;
  font-weight: 600;
}

.car-price .prefix_price {
  font-size: 0.9em;
}

@media (min-width: 1024px) {
  .car-technic-specs {
    grid-template-columns: repeat(3, 1fr);
  }
  .car_ads_page_2 .car-technic-specs {
    display: flex;
    align-items: center;
  }
}
.critair-badge {
  position: absolute;
  top: 3px;
  right: 20px;
}

.critair-badge img {
  height: 50px;
  width: auto;
}

/** Strong points */
.strong-points {
  text-align: center;
  margin: 2em 0;
  background-color: var(--fe-frontground);
  padding: 1em;
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -o-border-radius: 0.4em;
}

.strongPoints-list {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.8em;
}

.strongPoints-list li {
  border: 1px solid var(--fe-frontborder);
  color: var(--primary);
  padding: 4px 10px;
  font-weight: 500;
  font-size: 13px;
  border-right: 0;
  background-color: var(--fe-background-body);
}

.strongPoints-list li:first-child {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-right: 0;
}

.strongPoints-list li:last-child {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border: 1px solid var(--fe-frontborder);
}

.rev-card {
  border: 1px solid var(--fe-frontborder);
  border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -o-border-radius: 0.4em;
}

.rev-card .rev-card-header {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: var(--primary);
  color: white;
  padding: 0.8em 1.1em;
  border-top-left-radius: 0.4em;
  border-top-right-radius: 0.4em;
}

.rev-card .rev-card-header h3 {
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 600;
}

.rev-card .list-check {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

@media (min-width: 1024px) {
  .rev-card .list-check {
    grid-template-columns: repeat(5, 1fr);
  }
}
.rev-card .list-check .item__check {
  padding: 0.8em;
  background-color: var(--fe-background-body);
  border: 1px solid var(--fe-frontborder);
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
}

.rev-card .list-check .item__check .icon__check i {
  width: 30px;
  height: 30px;
}

.rev-card .list-check .item__check .name__check .nc--title {
  font-weight: 600;
  color: var(--grey500);
  text-transform: uppercase;
  font-size: 0.8em;
}

.rev-card .list-check .item__check .name__check .nc--value {
  display: block;
  font-weight: 600;
  font-size: 1.1em;
}

.rev-card .list-check .item__check .name__check .nc--value.green {
  color: var(--success);
}

.rev-card .list-check .item__check .name__check .nc--value.orange {
  color: var(--secondary);
}

.rev-card .description__rev {
  padding: 2em;
}

.listing-column-details .lcd__title {
  font-weight: 600;
  padding: 10px 0;
  font-size: 16px;
  color: var(--primary);
}

.listing-column-details .lcd__item {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.2px;
  padding: 8px 0;
  align-items: center;
  border-top: 1px dashed var(--fe-frontborder);
}
.listing-column-details .lcd__item:first-of-type {
  border-top: 1px solid transparent;
}

.listing-column-details .lcd__item .lcd__item-name {
  display: flex;
  flex: 1 1;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.2px;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.listing-column-details .lcd__item .lcd__item-value {
  font-weight: 700;
}

/** Vehicle size **/
.vehicle-size.vehicle-length img {
  height: auto;
  width: 390px;
}

.vehicle-size.vehicle-width img {
  height: auto;
  width: 211px;
}

.vehicle-size.vehicle-length.vehicle-height {
  position: relative;
}

.vehicle-size.vehicle-length.vehicle-height .size-bar.size-height {
  width: 10px;
  height: 100px;
  border-left: 0;
  border-top: 1px solid var(--fe-frontborder);
  position: absolute;
  right: 120px;
  top: 55px;
}

.vehicle-size.vehicle-length.vehicle-height span.size-height {
  display: block;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 25px;
}

.vehicle-size.vehicle-length.vehicle-height span.size-height span {
  transform: rotate(-90deg);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.vehicle-size .size-bar {
  text-align: center;
  margin: 0 auto;
  line-height: 1;
  border-bottom: 1px solid var(--fe-frontborder);
  border-left: 1px solid var(--fe-frontborder);
  border-right: 1px solid var(--fe-frontborder);
}

.vehicle-size .size-bar span {
  font-size: 12px;
}

.img-sil-car-a {
  position: relative;
  width: 211px;
  height: 192px;
  background-image: url("../images/sil-car-a_light-2M-Mv1B.png");
  margin: 0 auto;
}

.img-sil-car-a span, .img-sil-car-b span {
  position: absolute;
  bottom: 0;
  text-align: center;
  display: block;
  left: 0;
  right: 0;
  font-size: 11px;
}

.img-sil-car-b {
  position: relative;
  width: 100%;
  height: 112px;
  background-image: url("../images/sil-car-b_light-G9NI0Mg.png");
  background-size: cover;
  margin: 0 auto;
}

.van-blueprint .img-sil-car-a {
  height: 240px;
  width: 211px;
  background-image: url("../images/sil-van-a_light-KAz5ZSH.png");
}

.van-blueprint .img-sil-car-b {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 132px;
  background-image: url("../images/sil-van-b_light-os1_y4r.png");
}

@media (min-width: 1024px) {
  .van-blueprint .img-sil-car-b {
    width: 390px;
    height: 176px;
  }
  .img-sil-car-b {
    width: 390px;
    height: 149px;
  }
  .img-sil-car-a span, .img-sil-car-b span {
    font-size: inherit;
  }
}
@media (max-width: 900px) {
  .vehicle-size.vehicle-length img {
    width: 200px;
  }
  .vehicle-size.vehicle-length.vehicle-height .size-bar.size-height {
    right: 20px;
  }
}
.guarantee-card {
  background-color: var(--fe-frontground);
  margin-top: 1em;
  padding: 1em;
  text-align: center;
  border-radius: 0.6em;
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  -o-border-radius: 0.6em;
}

.offer-navigation-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8em 0;
}

.offer-navigation-item a {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: var(--fe-background-body);
  font-weight: 500;
  color: inherit;
  padding: 0.3em 1em;
  border-radius: 0.4em;
}

/* New Offer page */
.vehicle_specs_list ul {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.vehicle_specs_list ul li {
  display: flex;
}

.vehicle_specs_list ul li span {
  display: flex;
  align-items: center;
  padding: 0.3em 0.8em;
  border: 1px solid var(--fe-frontborder);
}

.vehicle_specs_list ul li span.item__label {
  background-color: var(--fe-frontground);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  gap: 0.5em;
  font-weight: 500;
}

.vehicle_specs_list ul li span.item__value {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left: 0;
}

.paginate {
  padding: 1em;
}

.paginate nav ul.pagination {
  display: flex;
  justify-content: end;
}

.paginate nav ul.pagination li.page-item .page-link {
  display: block;
  padding: 5px 10px;
  background-color: var(--fe-background-body);
  border-radius: 50px;
  margin-right: 5px;
  min-width: 30px;
  min-height: 30px;
  text-align: center;
}

.paginate nav ul.pagination li.page-item.active .page-link {
  background-color: var(--primary);
  color: white;
}

.paginate nav ul.pagination li.page-item:hover .page-link {
  color: white;
}

.paginate nav ul.pagination li.page-item:hover .page-link {
  background-color: var(--primary);
  color: white;
}

.paginate nav ul.pagination li.page-item a.page-link {
  color: inherit;
}

.paginate nav ul.pagination li.page-item.disabled:hover {
  background-color: var(--ua-color-base-background);
}

.footer__copy {
  background-color: var(--primary);
  color: white;
  padding: 1rem;
}

.footer__conditions {
  font-size: 11px;
}

.footer__columns {
  margin-bottom: 1.5rem;
}

.footer__columns .column-item > ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.footer__columns .column-item .title-item.item-open ~ ul {
  max-height: 500px;
}

.footer__columns .column-item > ul li a {
  display: block;
  padding: 0 1rem;
  color: inherit;
}

.footer__columns .column-item > ul li:last-child a {
  margin-bottom: 1rem;
}

.footer__columns .column-item .title-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--fe-frontground);
  padding: 0.5rem 1rem;
  border-radius: 6px 6px 6px 6px;
}

.footer__columns .column-item .title-item:after {
  content: "+";
  font-size: 18px;
}

/* Ordinateurs de bureau */
@media (min-width: 1024px) {
  .footer__columns {
    display: flex;
    gap: 4em;
  }
  .footer__columns .column-item .title-item ~ ul {
    max-height: 500px;
  }
  .footer__columns .column-item .title-item {
    background-color: transparent;
    padding: 0.5rem 0;
  }
  .footer__columns .column-item .title-item:after {
    display: none;
  }
  .footer__columns .column-item > ul li a {
    display: block;
    padding: 0.05rem 0;
  }
}
.wiiz-gallery-wrapper {
  position: relative;
  max-width: 800px;
  width: 100%;
}

.wiiz-picture-main {
  margin-bottom: 1em;
}

.wiiz-picture-main img {
  border-radius: 8px;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}

.wiiz-gallery-wrapper .wiiz-nav {
  position: absolute;
  top: 25px;
  z-index: 999;
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--fe-frontground);
  color: var(--fe-color-body);
  font-size: 0.8em;
}

.wiiz-gallery-wrapper .wiiz-nav.wiiz-nav_left {
  left: 10px;
}

.wiiz-gallery-wrapper .wiiz-nav.wiiz-nav_right {
  right: 10px;
}

.wiiz-gallery-thumbnail {
  overflow: hidden;
  white-space: nowrap;
  max-width: 800px;
}

.wiiz-gallery-thumbnail .wiiz-items-thumbnail {
  display: flex;
  align-items: center;
  gap: 10px;
  scroll-behavior: smooth;
}

.wiiz-gallery-thumbnail .wiiz-items-thumbnail li.wiiz__wiiz img {
  border-radius: 8px;
  opacity: 0.5;
  cursor: pointer;
  transition: transform 0.2s;
}
.wiiz-gallery-thumbnail .wiiz-items-thumbnail li.wiiz__wiiz img.img_selected {
  opacity: 1;
}
.wiiz-gallery-thumbnail .wiiz-items-thumbnail li.wiiz__wiiz img:hover {
  transform: scale(1.05);
}

.gallery_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(100px, 1fr));
  gap: 8px;
}

.steps.steps--arrow nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2em;
}

.steps.steps--arrow a {
  -webkit-tap-highlight-color: transparent;
  display: grid;
  grid: 1fr/34px auto 34px;
  align-items: center;
  border: solid white;
  border-width: 1px 0;
  text-decoration: none;
  background: var(--fe-frontground);
}
.steps.steps--arrow a:first-child {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  grid: 1fr/auto 34px;
}
.steps.steps--arrow a:last-child {
  border-radius: 0 4px 4px 0;
  border-width: 1px 1px 1px 0;
  grid: 1fr/34px auto;
}
.steps.steps--arrow a:not(:first-child):before, .steps.steps--arrow a:not(:last-child):after {
  display: block;
  border: 34px solid transparent;
  border-right-width: 0;
  content: "";
}
.steps.steps--arrow a:not(:first-child):before {
  border-left-color: rgb(180.6, 180.6, 185.4);
}
.steps.steps--arrow a:not(:last-child):after {
  transform: translateX(33px);
  border-left-color: var(--fe-frontground);
}

.steps.steps--arrow span {
  padding: 0 20px 0 30px;
  line-height: 1.2rem;
  color: rgb(180.6, 180.6, 185.4);
}
.steps.steps--arrow span:first-line {
  color: rgb(180.6, 180.6, 185.4);
  font-weight: 700;
  font-size: 0.85rem;
}

.steps.steps--arrow .current {
  background: var(--primary);
}
.steps.steps--arrow .current span {
  color: rgb(180.6, 180.6, 185.4);
}
.steps.steps--arrow .current span:first-line {
  color: white;
}
.steps.steps--arrow .current:not(:first-child):before {
  border-left-color: var(--primary);
}
.steps.steps--arrow .current:not(:last-child):after {
  border-left-color: var(--primary);
}
.steps.steps--arrow .current + a:not(:first-child):before {
  border-left-color: var(--primary);
}

.steps.steps--arrow a:not(.current):hover span,
.done span {
  color: var(--primary);
}
.steps.steps--arrow a:not(.current):hover span:first-line,
.done span:first-line {
  color: #1d1d1f;
}

.steps.steps--arrow a:not(.current):hover {
  background: var(--fe-frontborder);
}
.steps.steps--arrow a:not(.current):hover:not(:last-child):after, .steps.steps--arrow a:not(.current):hover:not(:first-child):before {
  border-left-color: var(--fe-frontborder);
}
.steps.steps--arrow a:not(.current):hover + a:not(.current):not(:first-child):before {
  border-left-color: var(--fe-frontborder);
}
.current + .steps.steps--arrow a:not(.current):hover:not(:first-child):before {
  border-left-color: var(--primary);
}

.flash-container {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 300px;
  z-index: 9999;
}

.flash-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  color: white;
  font-size: 0.9rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.flash-message--success {
  background-color: #16a085;
}

.flash-message--error {
  background-color: #c0392b;
}

.flash-message--info {
  background-color: #2980b9;
}

.flash-message--warning {
  background-color: #f39c12;
  color: black;
}

.flash-message.fade-out {
  opacity: 0;
  transform: translateY(10px);
}

.flash-close {
  margin-left: 1rem;
  background: none;
  border: none;
  color: inherit;
  font-weight: bold;
  cursor: pointer;
}

/* CO2 Emission **/
.scale-co2-wrapper .scale span {
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  margin: 5px 0;
  padding: 0 5px;
  position: relative;
}

.scale-co2-wrapper .scale span > span {
  float: right;
  font-size: 18px;
  margin: 0;
  width: auto;
}

.scale-arrow:after {
  content: "";
  left: 100%;
  border: 15px solid transparent;
  position: absolute;
}

.scale-a {
  background: var(--fe-frontground);
  width: 250px;
}

.scale-b {
  background: var(--fe-frontground);
  width: 260px;
}

.scale-c {
  background: var(--fe-frontground);
  width: 270px;
}

.scale-d {
  background: var(--fe-frontground);
  width: 280px;
}

.scale-e {
  background: var(--fe-frontground);
  width: 290px;
}

.scale-f {
  background: var(--fe-frontground);
  width: 300px;
}

.scale-g {
  background: var(--fe-frontground);
  width: 310px;
}

/** ARROW **/
.scale-a.scale-arrow:after {
  border-left-color: #00a44d;
}

.scale-b.scale-arrow:after {
  border-left-color: #4bb847;
}

.scale-c.scale-arrow:after {
  border-left-color: #bbd329;
}

.scale-d.scale-arrow:after {
  border-left-color: #fff200;
}

.scale-e.scale-arrow:after {
  border-left-color: #fcb811;
}

.scale-f.scale-arrow:after {
  border-left-color: #f1651d;
}

.scale-g.scale-arrow:after {
  border-left-color: #eb1c22;
}

.scale-selected {
  background-image: url("../images/scale-check-EP_4EiV.png");
  background-repeat: no-repeat;
  background-position: 90%;
}

.scale-a.scale-selected {
  background-color: #00a44d;
}

.scale-b.scale-selected {
  background-color: #4bb847;
}

.scale-c.scale-selected {
  background-color: #bbd329;
}

.scale-d.scale-selected {
  background-color: #fff200;
}

.scale-e.scale-selected {
  background-color: #fcb811;
}

.scale-f.scale-selected {
  background-color: #f1651d;
}

.scale-g.scale-selected {
  background-color: #eb1c22;
}

.columns-2 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

@media (min-width: 576px) {
  .columns-2 {
    flex-direction: row;
  }
  .columns-2 > .column.column__7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .columns-2 > .column.column__5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
}
/* For Client Login */
body .authenticate__client {
  background-color: var(--fe-frontground);
  min-height: 100vh;
  padding-top: 3em;
}

.authenticate__client .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@media (min-width: 1160px) {
  .authenticate__client .container {
    max-width: 430px;
  }
  .authenticate__client.fullContainer .container {
    max-width: 1020px;
  }
}
:root {
  --aside-width: 15.8rem;
  --aside-max-width: 70px;
  --topbar-height: 70px;
  --page-inside-marge: 5rem;
  --calc-inside-marge: calc(var(--page-inside-marge) / 2);
}

body.portal-app .container {
  width: 100%;
  padding: 0;
}

body.portal-app .page-default {
  padding: calc(60px + 1.5rem) 1.75rem 60px;
  min-height: calc(100vh - 51px);
}

body.portal-app aside {
  transition: all 0.9s ease-in-out;
}

body.portal-app aside.portal-navigation {
  transform: translateX(-100%);
  display: none;
}

body.portal-app aside.portal-navigation.deploy {
  display: block;
  background-color: white;
  transform: translateX(0);
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9999;
  width: 18em;
}

body.portal-app aside.portal-navigation .brand--logo {
  display: none;
}

body.portal-app header.main-topbar .mobile-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

body.portal-app header.main-topbar .nav-links {
  display: none;
  position: absolute;
}

body.portal-app header.main-topbar {
  background-color: var(--primary);
  position: fixed;
  line-height: inherit;
  right: 0;
  left: 0;
  top: 0;
  z-index: 1002;
  box-shadow: 0 4px 20px rgba(39, 32, 120, 0.1019607843);
}

@media (min-width: 1440px) {
  body.portal-app main.main-content {
    margin-left: var(--aside-width);
    transition: all 0.1s ease-out;
  }
  body.portal-app aside.portal-navigation .brand--logo {
    background-color: var(--primary);
    padding: 0.15em;
  }
  body.portal-app aside.portal-navigation {
    background-color: white;
    width: var(--aside-width);
    z-index: 3000;
    bottom: 0;
    top: 0;
    position: fixed;
    transform: translateX(0);
    display: block;
    box-shadow: rgba(0, 0, 0, 0.086) 0px 5px 10px;
  }
  body.portal-app aside.portal-navigation .brand--logo {
    display: block;
  }
  body.portal-app header.main-topbar .mobile-logo {
    display: none;
  }
  body.portal-app header.main-topbar {
    left: var(--aside-width);
  }
}
body.portal-app aside.portal-navigation nav.navigation-nav ul {
  padding: 0;
  margin: 0;
}

body.portal-app aside.portal-navigation span.title-item-nav {
  padding: 0.5em 0.8em;
  margin: 1em 0 0.7em 0;
  display: block;
  font-weight: bold;
  font-size: 1.4em;
}

body.portal-app aside.portal-navigation nav.navigation-nav ul li a {
  color: inherit;
  display: block;
  padding: 0.5em 1em;
}

body.portal-app aside.portal-navigation nav.navigation-nav ul li.active a {
  background-color: var(--fe-frontground);
  border-left: 3px solid var(--primary);
  display: flex;
  align-items: center;
}

body.portal-app aside.portal-navigation nav.navigation-nav ul li a span.item-icon {
  font-size: 1.4em;
  margin-right: 0.4em;
}

.app-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  color: rgb(255, 255, 255);
  padding: 0.6em;
}

.app-navigation ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: auto;
  gap: 0.6em;
}

.app-navigation ul li.current a {
  background-color: rgb(255, 255, 255);
  color: var(--primary);
}

.app-navigation ul li a:hover {
  background-color: white;
  color: var(--primary);
}

.app-navigation ul li a {
  display: block;
  background-color: var(--primary-500);
  color: rgb(255, 255, 255);
  border-radius: 50px;
  padding: 0.6em 1em;
  transition: 0.3s ease-in-out;
}

.app-navigation .account--tools ul li a {
  background-color: #061d50;
}
.app-navigation .account--tools ul li a:hover {
  background-color: white;
}

.wrapper-block .item-block {
  padding: 1em;
  background-color: var(--fe-frontground);
  margin-bottom: 1em;
}
.wrapper-block .item-block:last-child {
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .wrapper-block .item-block {
    display: flex;
    justify-content: space-between;
  }
}
.item-block_links {
  margin-top: 1em;
  display: flex;
  gap: 0.5em;
}

@media (min-width: 1024px) {
  .item-block_links {
    margin-top: 0;
  }
}
.account-navigation {
  padding: 1em 0;
}

.account-navigation li a {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding: 0.6em 2em;
  color: var(--fe-color-body);
}
.account-navigation li a:hover {
  background-color: var(--fe-frontground);
}

.account-navigation li a i {
  font-size: 1.4em;
}

@media (max-width: 768px) {
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
.skeleton-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.skeleton {
  background: #edf1f7;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
  animation: skeleton-loading 1s infinite;
}

@keyframes skeleton-loading {
  100% {
    transform: translateX(200%);
  }
}
.skeleton-main {
  width: 100%;
  height: 300px; /* adapte si besoin */
}

.skeleton-thumbs {
  display: flex;
  gap: 10px;
}

.skeleton-thumb {
  width: 130px; /* taille similaire à tes thumbs */
  height: 80px;
}

:root {
  --fe-background-body: #ffffff;
  --fe-frontground: #edf1f7;
  --fe-frontborder: #d7e1ef;
  --fe-color-body: var(--blue600);
  --fe-border-color100: #efefef;
  --fe-navigation-link-color:#525252;
  --fe-welcome-select-border:#B0D2F9;
  --fe-h-color:#05152D;
  --ua-color-base-foreground: #fafcff;
  --border-color:var(--fe-frontborder);
  --primary:var(--blue600);
  --secondary: var(--orange);
  --dark100:#071D34;
  --dark200:#0B3A66;
  --dark300:#525355;
  --dark400:#C9C9C9;
  --dark500:#DDDDDD;
  --dark600:#97ACBF;
  --dark700:#4C7BA7;
  --grey100: #cccccc;
  --grey300: #8f8f8f;
  --grey400: #757575;
  --grey500: #575757;
  --info:#209FFE;
  --success:#17BD8D;
  --warning:#FFA015;
  --danger:#FF4E3E;
  --info-light:#E2F2FF;
  --success-light:#D7FFF4;
  --warning-light:#FFF0DB;
  --danger-light:#FFEBEA;
  --orange: #ff6600;
  --blue100: #edf1f7;
  --blue200: #eaf8fc;
  --blue400: #1f2b59;
  --blue500: #252965;
  --blue600:#012169;
  --pink: #cc3652;
}

/*# sourceMappingURL=app.css-E0QIzB7.map */