:root {
    --nbu-blue: #0072ce;
    --nbu-orange: #f07817;
    }

    body{
      font-family: 'Poppins';
    }

    .card-box{
      width: 90%;
    }

    .welcome{
        font-size: 30px;
        font-weight: 500;
        font-style: italic;
        z-index: 10;
        position: sticky;
    }

    .devcolor{
        font-family: "Poppins", sans-serif;
    }

    .avis-recrutement{
        position: sticky;
        z-index: 10;
    }

    .avis-recrutement p{
  margin-bottom: 5px;
  font-size: 13px;
}

  .icon{
    height: 20px;
    margin-left: 10px;
  }

  #front {
    box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
    outline: 0;
  }

  #back {
    box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
    outline: 0;
  }

  .logo-section{
    position: absolute;
    bottom: 2rem;
    left: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .logo-section *{
    margin-right: .5rem;
  }

  .line{
    border: 1px solid #e5e5e5;
    height: 20px;
  }

  .letgrow{
    font-weight: 500;
    font-style: italic;
    font-size: 12px;
    color: black;
  }


  .slider {
    position: relative;
    width: 100%;
    height: 345px; /* Ajustez la hauteur selon vos besoins */
    overflow: hidden;
}

.slider img {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.slider img.active {
    opacity: 1;
}

/* Card decor */

.Car-decor {
  top: 0;
  position: absolute;
  z-index: 1;
  width: 60px;
  height: 100%;
}

.Car-decor::before {
  width: 60px;
  height: 100%;
  display: block;
  content: "";
  background: var(--nbu-blue);
  
  transform: skewX(19deg);
}

.Car-decor.one {
  right: 40px;
}
.Car-decor.two {
  right: 130px;
}
.Car-decor.three {
  right: 220px;
}