/* white you custom css code here. only css code will work */
@media only screen and (max-width: 991px) {
  .navbar-area .navbar-collapse {
  background: #1a3787;
 
}
}

/* white you custom css code here. only css code will work */


.political-single-what-we-cover-item .hover{
  background-color: #1f9c401f;}

html[dir="rtl"] .industry-about-area .left-content-wrap .vertical-image {
    position: relative;
    display: inline-block;
    left: -15%; 
}
html[dir="rtl"] .right-content-area {
  margin-right: 100px;}


.breadcrumb-area .page-list li a{
  color:rgb(255, 121, 38); }

p,h6{  
 text-align: justify;}

.header-inner.industry-home .btn-wrapper{
  
   width: max-content;}

.industry-btn.black {
    padding-right: 12px;
    max-width: max-content;
}
 .industry-single-what-we-cover-item {
  height: 700px;}


/*  asma */


/* taille des cart secteur */
html[dir="rtl"] .industry-single-what-we-cover-item {
  height: 600px;}




.single-what-we-cover-item {
  height: 700px}
.breadcrumb-area .page-title {
    color: rgb(255 255 255);
}

/* taille des cart secteur */
html[dir="rtl"] .single-what-we-cover-item{
  height: 600px;}

.MsoNormal{
    font-weight:400;
}
html[dir="rtl"] .MsoNormal {
  font-size: large;
  font-weight: 400;
}

.breadcrumb-area {
  height: 400px;}



/* espace Brand Logo */


.single-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px; /* Hauteur fixe du conteneur */
}

.img-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-wrapper img {
    width: 100%;  /* Les images occupent toute la largeur */
    height: 100%; /* Les images occupent toute la hauteur */
    object-fit: cover; /* Ajustement des images pour qu'elles couvrent tout l'espace, sans déformation */
}
.padding-bottom-20 {
    padding-bottom: 20px;
}
.padding-top-20 {
    padding-bottom: 20px;
}
/* fin espace logo */


/* code navbar */
html[dir="rtl"] .navbar-area .navbar-collapse {
  /* background: #1a3787;
   position:absolute;
  left:50%; */
      background: #1a3787;
    position: absolute;
    left: 30%;
  
 
}

html[dir="rtl"] .header-style-03.header-variant-07 .responsive-mobile-menu .logo {
  position: relative;
  top: -35px;
  left: -800px;
}
@media only screen and (max-width: 991px) {
html[dir="rtl"] .header-style-03.header-variant-07 .responsive-mobile-menu .logo {
  position: relative;
  top: -35px;
 
  } }
/* @media only screen and (max-width: 991px) {
  html[dir="rtl"] .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
     
      right: 200%;
  }
  html[dir="rtl"] .header-style-03.header-variant-07 .responsive-mobile-menu .logo {
    position: relative;
    top: -35px;
    left: 0px;
}
} */

@media only screen and (max-width: 991px) {
  /* Rendre le conteneur de la navigation plein écran */
  html[dir="rtl"] .navbar-area .nav-container {
      display: flex;
      justify-content: space-between; /* Aligne les éléments aux extrémités */
      width: 100%; /* Prend toute la largeur de la page */
     
  }

  /* Positionner le toggle à l'extrême gauche */
  html[dir="rtl"] .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler {
      left: 0; /* Assurez-vous que le toggle est collé à l'extrême gauche */
      right: auto; /* Désactive la propriété right */
  }

  /* Positionner le logo à l'extrême droite */
  html[dir="rtl"] .header-style-03.header-variant-07 .responsive-mobile-menu .logo {
    position: relative;
    top: -35px; /* Ajustez cette valeur selon vos besoins */
    right: 0; /* Collez le logo à l'extrême droite */
    left: auto; /* Désactive la propriété left */
  }
  html[dir="rtl"] .header-style-03.header-variant-07 .responsive-mobile-menu {
    position: relative;
    z-index: 0;
    margin-left: -800px;
    }

}

html[dir="rtl"] .header-style-03.header-variant-07 .responsive-mobile-menu {
      position: relative;
      z-index: 0;
      margin-right: -800px;}
 
/* html[dir="rtl"] .navbar-area .navbar-collapse {
  background: #1a3787;
    position: absolute;
    left: auto;
  height: 40px;} */

html[dir="rtl"] .navbar-nav li a {
  padding: 10px; /* Ajouter de l'espace interne (padding) pour les liens */
}




html[dir="ltr"] .navbar-area .navbar-collapse {
  background: #1a3787;}

/* fin navbar */