@media (max-width: 992px) {
  .flip-card {
    align-items: center !important;
  }
  .card_perso {
    width: 100% !important;
  }
  .flip_card_row {
    height: auto !important;
  }
  .consultants {
    width: 100% !important;
  }
  .modal-dialog {
    max-width: 100% !important;
  }
}

@media (max-width: 576px) {
  .timeline::after {
    height: 92rem !important;
  }
  .flip-card {
    margin: -4% 6% !important;
  }
  .mot-cle-wrapper {
    padding: 8px 5% !important;
  }
  .containerr {
    padding: 10px 10px !important;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .timeline::after {
    height: 73rem !important;
  }
  /* .flip-card{
    margin: -4% 6% !important;
  } */
}
@media (min-width: 992px) {
  .chart_card {
    position: relative;
    bottom: 11rem;
  }
  .space_footer {
    margin-top: -100px !important;
  }
}
body {
  background: #393a3a;
  font-family: Poppins;
}
.yellow_text {
  color: #ffe601;
}
.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;
}
/*flip card*/
.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}
.flip-card-small {
  background-color: transparent;
  width: 250px;
  height: 200px;
  perspective: 1000px;
  font-size: 15px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 70%;
  text-align: center;
  transition: transform 1s;
  transform-style: preserve-3d;
}
.flip-card-inner:hover {
  transform: rotateY(180deg) !important;
}
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 20px;
  /* border: solid 3px #ffe601; */
}

.flip-card-front img {
  width: 100%;
  height: 100%;
}
.flip-card-back {
  background: url(../images/acceuil/flip_card_back.png);
  transform: rotateY(180deg);
  border-radius: 25px;
  padding: 5%;
  display: grid;
  align-content: space-between;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
/* flip card end */
.modal-content {
  border-radius: 3.3rem !important;
}
.modal-dialog {
  max-width: 60%;
  margin-top: 8rem !important;
}
.confiance {
  border-radius: 50px;
  background-color: white !important;
}
.confiance img {
  width: 6vh;
  height: 6vh;
}
.nav-link {
  font-weight: 300;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
}
.nav-link:hover {
  color: #ffe601 !important;
  transform: scale(1.2);
}
.nav-link-active {
  color: #ffe601 !important;
}
.little_fint {
  font-weight: 300;
  font-size: 13px;
}
.cta {
  position: fixed;
  bottom: 100px;
  right: 15px;
}
.team_section {
  background-image: url(../images/acceuil/bgAll.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.paper {
  background-image: url(../images/qui_somme_nous/newspaper.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.timeline_wrapper {
  box-sizing: border-box;
}
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  overflow-y: scroll;
  overflow-x: hidden;
}
/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: "";
  position: absolute;
  width: 20px;
  background-image: linear-gradient(#ffe601, rgba(255, 230, 1, 0));
  top: -46px;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
  height: 95rem;
}
/* Container around content */
.containerr {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
/* The circles on the timeline */
.containerr::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  right: -14px;
  background-color: white;
  /* border: 4px solid #FF9F55; */
  top: 15px;
  border-radius: 50%;
  z-index: 999;
}
/* Place the containerr to the left */
.left {
  left: 0;
}
/* Place the containerr to the right */
.right {
  left: 50%;
}
/* Add arrows to the left containerr (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 19px;
  width: 20%;
  z-index: 1;
  right: -6px;
  border: medium solid white;
  border-width: 0px 0 2px 0px;
}
/* Add arrows to the right containerr (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 19px;
  width: 20%;
  z-index: 999;
  left: 5px;
  border: medium solid white;
  border-width: 0px 0px 2px 0;
}
/* Fix the circle for containerrs on the right side */
.right::after {
  left: 0px;
}
/* The actual content */
.left .content {
  margin-right: 14%;
}
.right .content {
  margin-left: 16%;
}
.card_perso {
  border-radius: 20px !important;
  width: 65%;
  background: linear-gradient(
    -45.67deg,
    #090202 -31.6%,
    rgb(77 77 77) 57.86%
  ) !important;
  box-shadow: rgba(255, 255, 255, 0.24) 0px 3px 8px;
  transition: all 0.3s;
}
.card_perso:hover {
  /* box-shadow: none !important; */
  transform: scale(1.05);
}
.card-body li {
  list-style: none;
}
.mot-cle {
  background: transparent;
  border: none;
  color: #afafaf;
  width: 100%;
}
.mot-cle-wrapper {
  border: solid 1px #ffe601;
  border-radius: 100px;
  padding: 8px 1%;
}
.blur_effect {
  backdrop-filter: blur(3px);
}
.fade {
  transition: opacity 0.3s linear !important;
}
.modal_form {
  border: solid 1px #2a2b23;
  border-radius: 25px;
  padding: 2% 6%;
  color: #2a2b23;
}
.font_form {
  font-size: 14px;
  font-weight: 600;
  color: #2a2b23;
}
.map {
  filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
}
.btn_env {
  background-color: #ffe601;
  border-radius: 25px;
  transition: all 0.3s ease-in-out;
}
.btn_env:hover {
  background-color: transparent;
  border: solid 2px #ffe601;
}
/*FIXED ANIMATED HEADER ON SCROLL*/
.page-header {
  right: 0;
  left: 0;
  top: 0px;
  z-index: 99999999999;
}
.topnav {
  background-color: #fff;
}

.page-header.is-sticky {
  position: fixed;
  backdrop-filter: blur(100px);
  animation: slideDown 0.25s ease-out;
  background-color: #393a3a;
  /* border-bottom: solid 1px #f0d904; */
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/* width */
.timeline::-webkit-scrollbar {
  width: 4px;
}
/* Track */
.timeline::-webkit-scrollbar-track {
  background: #fff;
}
/* Handle */
.timeline::-webkit-scrollbar-thumb {
  background: #ffe601;
}
/* Handle on hover */
.timeline::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.show_more:hover {
  background: transparent;
  color: #e1cb00 !important;
  border: solid 1px #e1cb00;
}

.show_more {
  transition: all 0.3s ease-in-out;
  background: #e1cb00;
  padding: 5px 7%;
  border-radius: 15px;
}
.search_input:focus {
  border: none;
  outline: none;
}

.mot-cle-wrapper option {
  background-color: #404141;
  color: #ffe60173;
}
.flip-card-front img {
  border-radius: 25px;
}
.flip_card_background {
  color: #000 !important;
}
.btn_card {
  border: solid 1px #000;
}

.flip-card-front_p {
  position: relative;
  bottom: 4rem;
  right: 1rem;
  display: none;
}
.flip-card-front_p_last {
  bottom: 3rem !important;
}

.accept,
.rejet {
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}
.accept:hover {
  background-color: white !important;
  border: solid 1px #e1cc0a;
  color: #e1cc0a !important;
}
.rejet:hover {
  background-color: #fff !important;
  color: black !important;
  border: solid 1px black;
}

/* dashboard============================================================ */
.ag-courses-item_link {
  border-radius: 15px;
  display: block;
  padding: 30px 20px;
  background: linear-gradient(
    -45.67deg,
    #090202 -31.6%,
    rgba(88, 32, 8, 0) 57.86%
  );
  box-shadow: rgba(255, 255, 255, 0.24) 0px 3px 8px;
  overflow: hidden;
  position: relative;
}
.ag-courses-item_link_all {
  background: linear-gradient(
    -45.67deg,
    #090202 -31.6%,
    rgb(103 103 103) 57.86%
  ) !important;
}

.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date {
  text-decoration: none;
  color: #fff !important;
}

.ag-courses-item_link:hover .ag-courses-item_bg {
  -webkit-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
}
.ag-courses-item_title {
  overflow: hidden;
  color: #fff;
  z-index: 2;
  position: relative;
}

.ag-courses-item_date-box {
  font-size: 18px;
  color: #fff;
  z-index: 2;
  position: relative;
}

.ag-courses-item_date {
  font-weight: bold;
  color: #e1cb00;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.ag-courses-item_bg {
  height: 128px;
  width: 128px;
  background-color: #e4cd00;
  z-index: 1;
  position: absolute;
  top: -75px;
  right: -75px;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.offre_info {
  background: #00000045;
  border-radius: 22px;
  padding: 2%;
}
.offre_info_items {
  border: solid 1px #ffffff29;
  border-radius: 22px;
  background: #393a3a;

}
.badge_perso{
  font-weight: 100 !important;
  font-size: 75% !important;
  background-color: #615f4f!important;

}