.about_list_content {
  padding-top: 1%;
}

.custom-pr-1 {
  padding-right: 1%;
}
.custom-pr-2 {
  padding-right: 2%;
}
.custom-pr-3 {
  padding-right: 3%;
}
.custom-pr-4 {
  padding-right: 4%;
}
.custom-pr-5 {
  padding-right: 5%;
}

.custom-mb-3 {
  margin-bottom: 3%;
}
.custom-py-5 {
  padding-top: 5%;
  padding-bottom: 5%;
}

.custom-py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.custom-py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.custom-m-1 {
  margin: 1%;
}

.custom-m-3 {
  margin: 3%;
}

.custom-m-5 {
  margin: 5%;
}

.custom-mt-30 {
  margin-top: 30px;
}

/*COLOR */

.text-theme-color {
  --tw-text-opacity: 1;
  /*color:#cca910; */

  color: rgba(76, 175, 80, var(--tw-text-opacity));
}

.custom-text-color-yel{
  color: #ffeb3b;
}
.custom-bg-main-color {
    --tw-bg-opacity : 1;
  background-color: rgba(47, 95, 49, var(--tw-bg-opacity));
  /*#2f5f31*/
}

.about_check i {
  background-color: rgb(47, 95, 49);
}

.section_title .sub_title {
  color: #2f5f31;
}

section h4 {
  color: #cca910;
}
/**/

.navbar-nav .nav-item a {
  color: white;
}

.navbar-nav .nav-item a:hover,
.navbar-nav .nav-item a.active {
  color: #ffeb3b;
}

.scroll-top {
  background-color: rgb(47, 95, 49);
}
.formation_content .arrow:hover {
  background-color: rgb(47, 95, 49);
}
.tns-nav button {
  background-color: rgb(47, 95, 49);
}
.single_team:hover .group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_team:hover {
  background-color: rgb(47, 95, 49);
}
.single_team:hover .sm\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_team:hover .md\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_team:hover .lg\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_team:hover .xl\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_team:hover .\32xl\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.team_image .social li a:hover {
  background-color: rgb(47, 95, 49);
}
.pricing_menu .active {
  background-color: rgb(47, 95, 49);
}

.single_pricing:hover .group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_pricing:hover .sm\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_pricing:hover .md\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_pricing:hover .lg\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_pricing:hover .xl\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_pricing:hover .\32xl\:group-hover\:bg-theme-color {
  background-color: rgb(47, 95, 49);
}
.single_pricing:hover .pricing_btn,
.single_pricing.active .pricing_btn {
  background-color: rgb(47, 95, 49);
}
.contact-btn {
  background-color: rgb(47, 95, 49);
}
.subscribe-btn {
  background-color: rgb(47, 95, 49);
}

.single_services:hover {
  border-color: rgba(47, 95, 49, var(--tw-text-opacity));
}

.single_services:hover .services_shape {
  color: rgba(47, 95, 49, var(--tw-text-opacity));
}


/* Cacher les slides au chargement */
#hero-slider {
    visibility: hidden;
}

/* #hero-slider-iw{
  margin: 30% 0px 0px 0px !important;
} */

.hover:text-theme-color{
    color: #cca910;
}

.hover\:text-theme-color:hover{
    --tw-text-opacity: 1;
    color: #cca910; /*rgba(249, 79, 79, var(--tw-text-opacity));*/
  }

  .footer_social:hover, .footer_social i:hover,.footer_social a:hover, .footer_social i::before{
    color: #cca910;
  }


  .fa-chalkboard-user::before {
    content: "\eb07";
}

/*boutton*/

.custom-bg-yel{
  background-color: #ffeb3b;
}

.custom-text-black{
  color: black;
}

.custom-yel-btn:hover{
  color: black;
  font-weight: 800;
}
.read-more-btn{
  border-radius: 9999px;
}


  #page{
   min-height: 800px;
  }


/*modal*/

.modal{

  position:fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 30;
  margin: 0px;

  /* transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms; */
  background-color: rgba(0, 0, 0, 0.8);
  padding: 1%;
  align-items: center;




}

.modalCcontent{
  opacity: 1;
  width: 70%;
  margin:auto;
  max-width: 800px;
  padding: 2%;
  background-color: #fff;
  border-radius: 30px;
}

.navbar-brand{
  font-size: 0.6rem;
  width: auto;
  margin-left: 1%;
}

#accueil{
  height: calc(100vh);
}

@media (max-width: 1140px) {
  #main-menu nav p, #main-menu nav span{
    /*display: none;*/
    font-size: 0.6rem;

  }


  #main-menu container {
    /*display: none;*/
    max-width: 100%;
    margin-left: 2%;
    margin-right: 2%;

  }
}

@media(max-width: 980px){
  .navbar-brand span{
    display: none;
  }

}

@media(max-width: 960px){
  .navbar-brand span{
    display: none;
  }
  #accueil{
    padding-top: auto;
  }

}

 .toggler-icon {
  display: block;
  width: 25px;
  height: 3px;
  background: white;
  margin: 5px 5px;
  transition: all 0.3s ease;
}

/*#navbar-toggler.active .toggler-icon:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

#navbar-toggler.active .toggler-icon:nth-child(2) {
  opacity: 0;
}

#navbar-toggler.active .toggler-icon:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
} */

/* Styles pour le menu sur téléphone */
@media (max-width: 1023px) { /* Équivalent à "en dessous de lg:" dans Tailwind */

  #navbarOne:not(.hidden) {
    margin: 0; /* Supprime les marges par défaut */
    width: 100%; /* Pleine largeur sur mobile */
    background: rgb(47, 95, 49);
    padding: 1rem; /* Espacement interne */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre pour démarquer */
    z-index: 20; /* Au-dessus du contenu */
    transition: all 0.3s ease-in-out; /* Animation fluide */
  }
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,.dt-type-numeric ,.dt-orderable-asc ,.dt-orderable-desc{
  text-align: center;
}

.width-0{
    width: 0px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    height: 0px;
}