.depo-formation{
    background: white;
      border-radius: 20px;
      box-shadow: 0px 2px 5px rgba(100, 100, 100, 0.4)!important;
      padding: 24px;
  }
        
        @media (max-width: 1199px )
  {
  
    button.btn-slider-text { 
      padding: 6px 19px
  }
  }
  #formation  > li{
        color: #797979;
      background: #1568b11a;
      padding: 4px;
      border-radius: 11px;
      margin-bottom: 14px;
  }
  #base-formation {
       background:   #ffe4c447;;
      padding: 4px;
      border-radius: 11px;
      margin-bottom: 14px;
  }
  h4 {
    font-weight: bolder !important;
        font-size: 21px;
        
  }
  #offre{
    text-decoration: #EE6F35 underline;
      text-decoration-thickness: 3px;
  }
  
/* # The Rotating Marker # */
.content{
  padding: 6px 52px;
}
#formation > li {
list-style: none;
}
/* summary::before {
  color: #a5a5a5;
font-size: 13px;
font-family: "Hiragino Mincho ProN", "Open Sans", sans-serif;
content: "▶";
position: absolute;
top: 1rem;
left: 0.8rem;
transform: rotate(0);
transform-origin: center;
transition: 0.2s transform ease;
} */
details[open] > summary:before {
transform: rotate(90deg);
transition: 0.45s transform ease;
}

summary {
  outline: none;
  padding: 6px 1rem;
  background: none !important;
  color: black;
  padding-left: 2.2rem;
  position: relative;
  cursor: pointer;
}          
details[open] > summary:before{

display: flex !important;
}


.fa-solid.fa-file-arrow-down {
  color: #EE6F35 !important;
      margin-left: -17px;
      left: 100%;
      position: relative;
      font-size: 24px;
  }
  p {
    margin-top: initial;
    margin-bottom: 0rem;
}
::marker {
  color: #a5a5a5;
}

@media (min-width : 300px) and (max-width : 768px ) {
  .container {
    max-width: 100%;
    width: 100%;
    padding: 0px;
    margin: 0 !important;
}
.section-gallery {
  padding: 0;
  margin-top: 15%;
}
.depo-formation{
  padding: 2px 4px;
}
* ,h4, .card-text {
  font-size: 14px;
}
}

@media (max-width : 992px){
  h5.card-title {
    margin: 4rem 0 -67px;
}
summary {
  padding-left: 0;

}
ul#formation {
  padding-left: 0;
}
}