@media (max-width: 991px) {
.rounded-pill {
  margin: auto !important;
  float: none!important;
  display: block;
}
.nav_lang{
	
display: table !important;
  margin: auto;
}
}

@media (max-width: 480px) {
#apropo .image-wrapper img.main-img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  max-height: 420px;
  margin: 20px auto;
}
.py-5 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
#services-section.services-section {
  background: #4D3479 0% 0% no-repeat padding-box;
  /* background: #4D3479 url('../images/die.png') right center no-repeat padding-box; */
}
#nlockaffich .offer-card {
  border-radius: 10px;
  box-shadow: 0 6px 20px rgb(61 44 114 / 0.25);
  padding: 2rem 1.5rem;
  background: #fafafa;
    background-color: rgb(250, 250, 250);
  position: relative;
  transition: all 0.3s ease;
  min-height: 370px;
  margin: 20px 20px;
}
#nlockaffich .offer-card h5 {
  margin-bottom: 0.8rem;
  text-align: center;
}
#partenat_home .partner-box {
  border-radius: 30px;
  background-color: #563a82;
  max-height: 100%;
  padding: 20px;
}
#partenat_home .partner-img {
  height: 80%;
  width: 100%;
  object-fit: cover;
  margin-top: 0px;
}
.contact-section .floating-field {
  position: relative;
  max-width: 100%;
}
.contact-section .map-box {
  overflow: hidden;
  border-radius: 20px;
  padding: 20px;
}
.contact-section .btn-send {
  background: #d4a017;
  color: #fff;
  padding: 12px;
  border-radius: 6px;
  font-weight: 600;
  max-width: 100%;
  height: 51px;
  background: #C39202 0% 0% no-repeat padding-box;
  border-radius: 5px;
  opacity: 1;
  margin: auto;
}
.list-unstyled {
  padding-right: 0;
  list-style: none;
  max-width: 100% !important;
  float: none;
  margin: auto;
}
.app-phone {
  position: absolute;
  bottom: 10px;
  display: none;
}
.span-email {
  width: 32px;
  height: 32px;
  background: transparent url('../images/Tracé 2912.svg') 0% 0% no-repeat padding-box;
  opacity: 1;
  text-align: center;
  line-height: 29px;
  display: inline-block;
}
  .contact-info.d-flex.justify-content-between {
    display: block !important;
    padding: 10px 0;
  }
  .contact-section .contact-info div {
    display: block;
    align-items: center;
    gap: 6px;
    font: normal normal normal 15px/37px MadaniArabic;
    letter-spacing: 0px;
    color: #4D3479;
    opacity: 1;
    text-align: left;
  }
  .question-banner{
	  
	  height: auto;
  }
    #heroSlider .text-end {
  text-align: left !important;
}
}
.fw-bold {
  font-weight: 500 !important;
}