* {
  --primary: #7E54FF;
  --secondary: #9164FE;
  --tertiary: oklch(43.602% 0.14607 255.491deg);
  --quaternary: oklch(70.84% 0.096 76.72deg);
  --black: #000;
  --white: #fff;
  --info: #346cbf;
  --success: #28a745;
  --warning: #ffc107;
  --danger: #D81B0D;
  --grey: #635a58;
  --gray-100: #f9f9f9;
  --gray-200: #F3F3F6;
  --gray-300: #e0e0e0;
  --gray-400: #999;
  --gray-500: #7a7a7a;
  --gray-700: #444;
  --gray-900: #1d1d1d;
}

/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Medium Screens */
/* XLarge Devices, Wide Screens */
/* XXLarge Devices, Wide Screens */
@media screen and (min-width: 992px) {
  .single-appel_projet .breadcrumb {
    position: absolute;
    width: 100%;
  }
}

.single-appel-projet {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding-top: 28px;
}
@media screen and (min-width: 992px) {
  .single-appel-projet {
    grid-template-columns: 1fr 372px;
    gap: 42px;
    padding-top: 87px;
  }
}
@media screen and (min-width: 1200px) {
  .single-appel-projet {
    grid-template-columns: 1fr 420px;
    gap: 72px;
  }
}
@media screen and (min-width: 1400px) {
  .single-appel-projet {
    gap: 120px;
  }
}
.single-appel-projet__themes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}
.single-appel-projet__due-date {
  position: relative;
  padding: 20px 20px 20px 42px;
  margin: 32px 0 0 0;
  border-radius: 4px;
  background-color: #E7E6FD;
}
.single-appel-projet__due-date svg {
  position: absolute;
  top: 22px;
  left: 16px;
}
.single-appel-projet__thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 4px;
  overflow: hidden;
}
.single-appel-projet__right-col {
  position: relative;
}
.single-appel-projet__decoration {
  display: none;
  position: absolute;
  z-index: -1;
  top: -75px;
  left: -60px;
  width: 690px;
  height: 690px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, #7d6cf8 0%, #ffffff 70%);
  opacity: 0.44;
}
@media screen and (min-width: 992px) {
  .single-appel-projet__decoration {
    display: block;
  }
}
.single-appel-projet__decoration {
  /* &.position-fixed {
      position: fixed;
      top: 127px;
      left: unset;
      right: 64px;

      outline: 1px dashed green;
  }
  &.position-fixed-footer {
      position: absolute;
      top: auto;
      bottom: 0;
      left: -60px;
      outline: 2px dotted darkred;
  } */
}
.single-appel-projet .section {
  margin: 0;
  padding: 25px 0;
}
@media screen and (min-width: 992px) {
  .single-appel-projet .section {
    padding: 40px 0;
  }
}
.single-appel-projet .section + .section {
  border-top: 1px solid #DED8F3;
}
.single-appel-projet .section-btn {
  text-align: center;
}
.single-appel-projet .section-btn .btn {
  width: 100%;
  max-width: 324px;
}
.single-appel-projet__related {
  padding: 60px 0;
}
@media screen and (min-width: 620px) {
  .single-appel-projet__related {
    padding: 82px 0;
  }
}
@media screen and (min-width: 1200px) {
  .single-appel-projet__related {
    padding: 90px 0 120px 0;
  }
}
.single-appel-projet__related h2 {
  margin-block-start: 0;
}

@media screen and (min-width: 992px) {
  .card-referent.position-fixed {
    position: fixed;
    top: 142px;
  }
}
@media screen and (min-width: 1200px) {
  .card-referent.position-fixed {
    width: 420px;
  }
}
@media screen and (min-width: 992px) {
  .card-referent.position-fixed-footer {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 372px;
  }
}
@media screen and (min-width: 1200px) {
  .card-referent.position-fixed-footer {
    width: 420px;
  }
}

.appels-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 32px;
}
@media screen and (min-width: 620px) {
  .appels-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 992px) {
  .appels-list {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 52px;
  }
}
@media screen and (min-width: 1200px) {
  .appels-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.appels-list__item {
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding: 24px 24px 36px 24px;
  background-color: #F3F3F6;
  color: #313131;
  border-radius: 4px;
  text-decoration: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
  transition: box-shadow 300ms ease-in;
}
.appels-list__item:hover {
  box-shadow: 0 0 0 3px #DED8F3;
  transition: box-shadow 300ms ease-in;
}
.appels-list__item-header {
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
}
.appels-list__item-body h3 {
  font-weight: 500;
  line-height: 1.1;
  color: #251E37;
  margin-bottom: 16px;
}
.appels-list__item-date {
  color: #7E54FF;
  font-weight: 600;
}

/*# sourceMappingURL=single_projet.css.map*/