.bg-primary-500 {
  background: #ffd743 !important;
  color: #388096 !important;
}
.text-primary-600.font-medium,.text-gray-600.hover\:text-primary-600.transition-colors:hover {
  color: ;
  background: #388096;
  color: #fff;
  padding: 6px;
  border-radius: 5px;
  margin-top: -6px;
}
.text-gray-600.hover\:text-primary-600.transition-colors:hover {
  color: #397d94!important;
  background: #ffd743
}
.hover\:text-primary-700:hover {
  color: #ffd743!important;
}
.gap-2.items-center ul li {
  list-style-type: disc;
  padding-left: 10px;
  margin-left: 50px;
}
[popover] {
    left: auto;
    top: 0;
    height: auto;
    width: 25dvw;
    transition: transform .2s ease-out, opacity .2s ease-out,
    display .2s ease-out;
    transition-behavior: allow-discrete;
background: rgba(31,41,55,0.9 );
    /*POPOVER EN ETAT FERMÉ*/
    opacity: 0;
    transform: translateX(-50px);
  }
  [popover]:popover-open {
    @starting-style {/*POPOVER AVANT L'ENTREE DANS LE CHAMP*/
      opacity: 0;
      transform: translateX(-50px);
    }

    /*POPOVER EN ETAT OUVERT*/
    opacity: 1;
    transform: translateX(0px);
  }
  #mobile-navigation ul li {
  padding: 5px 10px;
  border-bottom: 1px solid;
  font-size: 24px;
  color:#fff
}
  #mobile-navigation ul li:hover {
  background: #ffd743;color:#000
}
.menu{background: #1f222b;color: #fff;position: absolute;right: 19px;top: 22px;background:#20202c}
#mobile-navigation button {right: 16px;position: absolute}
#mobile-navigation ul {margin-top: 32px}
.bg-\[\#ffd743\].hover\:bg-\[\#e6c23c\].text-gray-800.px-6.py-3.rounded-lg.font-medium.transition-colors{margin:auto}
.mb-6 a {
  text-decoration: underline;
  font-weight: bold;
}
@media (max-width: 767px) {.tel {disply:none}}