nav.navbar{
  background: linear-gradient(270.03deg, #009345 1.52%, #77B844 38.33%, #8CBF44 54.33%, rgba(0, 147, 69, 0) 91.31%);
    width: 100%;
    /* padding: 0px 100px !important ; */
    z-index: -1;
    background: linear-gradient(90deg, rgba(0, 147, 69, 0) 8.69%, #8CBF44 45.67%, #77B844 61.67%, #009345 98.48%);


}
.navbar-light .navbar-toggler-icon{
  width: 20px;
}

li::marker {
    content: ''; /* Removes the marker */
  }
  .language_field{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90px
  }
  .language_field svg{
    width: 30px;
    height: 30px;
  }
  .language_dropdown .nav-link {
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    padding: 0.5rem 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
    justify-content: space-between;
    width: 45px;
  }

  .language_dropdown {
    color: black;
    border-bottom: 1px solid rgba(0, 0, 0, 0.133);
  }


  .language_dropdown .dropdown-toggle::after{
    color: rgba(0, 0, 0, 0.5);
    font-weight: bold;
  }


  .social-links a{

  }

  .sub-darkLight .row{
    justify-content: end;
  }

  .side-navbar-content {
    display: flex;
    background-color: white;

    padding:15px 10PX ;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgba(62, 62, 62, 0.115);
  }
  #news .news-card-field{
    padding: 0 10px;
  }

  #news .item{
    padding: 15px;
    border-radius: 10px;
    border: 2px solid rgba(0, 0, 0, 0.133);
    height: auto;
    min-height: 410px;
  }

  #news .item:hover{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    border: 2px solid #099645;
  }

  #news .tc-post-grid-style1 .item .img{
    border-radius: 10px;
  }
  #news .tc-post-grid-style1 .item .img{
    border-radius: 10px;
  }
  #news .news-p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #034833;
    margin-bottom: 10px;
  }
  .news-p p {
    font-size: 14px;
    line-height: 1.8;
  }
  #news .title ,#news a  {
    color: #034833;
  }
  #news .title a , #videos .title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }


#news .header-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  color: #034833;
}

  .img-cover .content{
    position: absolute;
    bottom: -90px;
    background-color: white;
    color: black;
    width: 90%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    right: 0;
    border-radius: 20px 0px 20px 20px;
    padding: 30px 40px;
  }
  /* .img-cover .content{
    position: relative;
    bottom: 60px;
    background-color: white;
    color: black;
    width: 90%;
    border: 1px solid rgba(0, 0, 0, 0.25);
    left: 42px;
    border-radius: 20px 0px 20px 20px;
    padding: 30px 40px;
  } */
  .img-cover .content button{
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #099645;
    color: white;
    border-radius: 20px;
    outline: white;
    outline: NONE;
    font-size: 20px;
    border: 1px solid white;
  }

  .img-cover .content .meta-bot{

    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .img-cover .content h4 a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #099645;
  }

  #publications .img-cover img{
    border-radius: 20px;
    object-fit: fill;
  }

  
  #publications .content .date a {
    font-size: 18px;
      }
       
      #publications .tc-post-grid-default .item{
        height: 700px;
      }


      #directions,#videos{
        background: #45AC4C17;
      }

      #directions .section-title-style2 ,#cooperation .section-title-style2,#publications .section-title-style2,#news .section-title-style2 , 
      #videos .section-title-style2
      
      {
        display: block;
        text-align: center;
      }

      #cooperation h2 {
        font-size: 21px;
        color:hsba(162, 96%, 28%, 1);
        ;
      }

      #videos .post-card{
        border: 1px solid rgba(0, 0, 0, 0.25);
        border-radius: 20px;
        overflow: hidden;
        width: 100%;
        text-align: left;
      }
  
      
      #videos .post-card .img{
height: 280px;
      }

      #videos .swiper-button-next , #videos .swiper-button-prev{
        top: -90px;
      }

      #videos .swiper-button-next {
        right: 0;
        left: initial;
      }

      #videos .swiper-button-prev {
        right: 80px;
        left: initial;
      }
      

      #footer .contact-info li{
        display: flex;
        align-items: center;
      }

      #footer .contact-info li img{
      margin-right: 20px;
      }





      #footer .form__field {
        width: 100%;
        background: #fff;
        color: #a3a3a3;
        font: inherit;
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
        border: 0;
        outline: 0;
        padding: 18px 18px;
        border-radius: 30px;
        
    }


    #footer .form ,.pub_page .form{
      position: relative;
      margin-bottom: 10px;
    }


    #footer .btn ,.pub_page .btn {
        display: inline-block;
        background: transparent;
        color: inherit;
        font: inherit;
        border: 0;
        outline: 0;
        padding: 0;
        transition: all 200ms ease-in;
        cursor: pointer;
        position: absolute;
        top: 0px;
        right: 0px;
      }

      #footer .btn--primary ,.pub_page .btn--primary {
        background: #009345;
        color: #fff;
        box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        padding: 16px;
        border-radius: 50%;
      }

      #footer .btn--primary img ,.pub_page .btn--primary img {
        width: 25px;
        height: 25px;
      }




   










      .banner-pub,.banner-announces ,.banner-news ,.banner-about ,.banner-commissaire{
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 480px;
      }
      .banner-pub{
        background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 44.55%, rgba(7, 80, 49, 0.122312) 99.43%), url(../img/pub/banner.jpeg) center center no-repeat;
        background-size: cover;
      }
      .banner-announces{
        background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 44.55%, rgba(7, 80, 49, 0.122312) 99.43%), url(../img/announces/banner.jpeg) center center no-repeat;
        background-size: cover;
      }
      .banner-news{
        background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 44.55%, rgba(7, 80, 49, 0.122312) 99.43%) , url(../img/news/banner.png) center center no-repeat;
        background-size: cover;
      }
      .banner-about{
        background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 44.55%, rgba(7, 80, 49, 0.122312) 99.43%) , url(../img/about/banner.png) center center no-repeat;
        background-size: cover;
      }
      .banner-commissaire{
        background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 44.55%, rgba(7, 80, 49, 0.122312) 99.43%) , url(../img/conseil/img1.png) center center no-repeat;
        background-size: cover;
      }
      .banner-pub h1 , .banner-announces h1, .banner-news h1,.banner-cooperation h1,.banner-about h1,.banner-commissaire h1{
        font-weight: 600;
        font-size: 4rem;
      }
      .breadcrumb_section{
        display: flex;
        justify-content: center;
      }

      
      .breadcrumb_section .breadcrumb-item {
      color: white;
      }
      
      .breadcrumb_section .breadcrumb-item.active {
        text-decoration: underline;
              }

              .font-logo{
                position: absolute;
                width: 720px;
              }


              .pub_page#publications .img-cover{
                height: 500px !important;
              }

              
              .pub_page#publications .img-cover .content{
                padding: 15px 30px;
              }

              .pub_page#publications .img-cover h4{
                font-size: 18px;
              }

              .pub_page#publications .content .date a{
                font-size: 16px;
              }
               .form__field {
                width: 100%;
                background: #eeeeeeb1;
                color: #a3a3a3;
                font: inherit;
                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
                border: 0;
                outline: 0;
                padding: 18px 30px 18px 18px ;
                padding-left: 50px;
                border-radius: 30px;
                background-position: 20px center ; 
                background-size: 20px 20px; 
                background-repeat: no-repeat;
              }

              .pub_page .form__field.search {
                background-image: url(../img/pub/search.svg);
              }
              .pub_page .form__field.date {
                
                background-image: url(../img/pub/sort.svg);
              }
              .pub_page .form__field.title {
                background-image: url(../img/pub/title.svg);

              }

              .pub_page .form__field.author {
                background-image: url(../img/pub/author.svg);
              }

              
              .pub_page .form__field.sort {
                background-image: url(../img/pub/sort.svg);
              }







              .custom-select {
                appearance: none; /* Remove the default dropdown styling */
                -webkit-appearance: none; /* For Safari */
                -moz-appearance: none; /* For Firefox */
                position: relative;
                padding-right: 10px; /* Ensure padding for text */
                padding-left: 50px; /* Space for the icon */
            }
            
            .custom-select::after {
                content: '▼'; /* Add the down arrow as content */
                position: absolute;
                right: 10px; /* Position the arrow to the left */
                top: 50%; /* Center vertically */
                transform: translateY(-50%); /* Perfect vertical alignment */
                pointer-events: none; /* Prevent clicks on the arrow */
            }
            
            .custom-select {
               
                /* Adjust width as needed */
            }

             


        


              .pub-details-page h1 {
                font-size: 45px;
                color: #034833;
              }

              .pub-details-page p {
                font-size: 16px;
                line-height: 30px;
                font-weight: 600;
              
                color: #727272;
              }


              .content.download{
                background-color: #099645;
                position: relative;
                display: flex;
                justify-content: space-around;
                align-items: center;
                cursor: pointer;
                border-radius: 20px;
                width: 80%;
                width: auto;
              }

              .content.download h4,.content.download h1{
                color: white;
              }


              .content.download button{
                border: none;
                font-size: 35px;
                
              }




              .banner-contact , .banner-newsletter,.banner-anounces{
              background-size: cover;
              display: flex;
              align-items: start;
              justify-content: center;
              height: auto;
              border-radius: 20px;
              padding: 80px;
            }
            .banner-newsletter  {
              background: linear-gradient(90deg, #228B22 0%, #228B22 38.32%, rgba(3, 72, 51, 0) 99.43%), url(../img/newsletter/banner.png) no-repeat;
              background-position: right;
              background-size: cover;
            }
            .banner-contact  {
              background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 44.55%, rgba(7, 80, 49, 0.122312) 99.43%), url(../img/contact/banner.png) center center no-repeat;
              background-size: cover;
            }
            .banner-anounces  {
              background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 44.55%, rgba(7, 80, 49, 0.122312) 99.43%), url(../img/contact/banner.png) center center no-repeat;
              background-size: cover;
            }

            .banner-contact .content {
              width: 80%;
            }
            .banner-contact .content h1 {
              margin: 0 0 50px;
            }
            .banner-contact .content h2,.banner-newsletter .content h2 {
              font-weight: 300;
              color: white;
              text-transform: uppercase;
              font-size: 25PX;
              margin: 20px 0 20px;
            }
            .banner-contact .content h2 {
              font-size: 25PX;
            }
            .banner-newsletter .content h2 {
              font-size: 22PX;
              margin: 15px 0;
              font-weight: 400;

            }
            .banner-contact,.banner-contact .breadcrumb_section,.banner-newsletter .breadcrumb_section {
              display: flex;
              justify-content: start;
            }

            .banner-contact .contact-info li{
              display: flex;
              align-items: center;
              column-gap: 30px;
              color: white;
              margin-bottom: 20PX;
            }

            .banner-contact .contact-info img{
              width: 30PX;
              height: 30PX;
            }

            
            .banner-contact .contact-info li .title{
              font-size: 17px;
              line-height: 30px;
              font-weight: 400;
              margin-bottom: 15px;
            }

            .banner-contact .contact-info li .value{
              font-size: 20px;
              line-height: 30px;
              font-weight: 600;
             
            }

            .contact-section .contact-wrap{
              border: 1px solid #009345;
              border-radius: 20px;
              padding: 50px;
              background-color: aliceblue;
            }

            .form__field::placeholder{
              color: rgba(0, 0, 0, 0.4);
            }

            .contact-section .form__field{
              background-color: white;
            }

            
            .contact-section .form__field.nom {
              background-image: url(../img/contact/name.svg);

            }

            .contact-section .form__field.tel {
              background-image: url(../img/contact/phone-green.svg);

            }

            .contact-section .form__field.fonction {
              background-image: url(../img/contact/author.svg);
            }

            
            .contact-section .form__field.wilaya {
              background-image: url(../img/contact/location-green.svg);
            }
            .contact-section .form__field.email {
              background-image: url(../img/contact/mail.svg);
            }
            .contact-section .contact-wrap .btn ,.newsletter-form .btn,.announces-content .btn {
              color: white;
              border-radius: 30px;
              margin-top: 20px;
              padding: 18px;
            }

            .contact-section .contact-wrap .btn {
              background-color: #228B22;
            }
            

            .newsletter-form .btn {
              background-color: #83CD20;
              width: 100%;
            }
            textarea::placeholder{
              color: black;
            }

            #map{
              width: 100%;
              height: 100%;
            }


            .newsletter-form .form__field {
              background-color:transparent;
              border: 2px solid white;
              width: 100%;
              color: white;
            }


            .newsletter-form .form__field::placeholder{
              color: white
            }


            .newsletter-form .form__field.nom {
              background-image: url(../img/newsletter/user.svg);

            }
            .newsletter-form .form__field.email {
              background-image: url(../img/newsletter/mail.svg);
            }


            .announces-content .card{
              width: 100%;
              padding: 40px;
              border: 2px solid #228B22;
              height: auto;
              margin: 30px 0;
              border-radius: 10px;
            }

            .announces-content .card h2 {
              font-size: 16px;
              margin: 5px 0;
              font-weight: 500;
              color: #228B22;
              text-transform: uppercase;
          }

          .announces-content .card p {
            font-size: 14px;
            margin: 5px 0;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.5);
            
        }

        .announces-content .announces-btn {
          background-color: #228B22;
          width: auto;
          margin: 10px 0;
          color: white;
          background-color: #099645;
          position: relative;
          display: flex;
          justify-content: space-between;
          align-items: center;
          cursor: pointer;
          border-radius: 30px;
          border: none;
          padding: 20px 40px;
        }
        .announces-btn img{
          margin-left: 10px;
        }
        #cooperation .item,.consiel .item {
          height: auto;
          min-height: 600px;
          position: relative;
          padding: 0 40px;
        }
        #commissaire_contact .item{
          height: auto;
          min-height: 500px;
          position: relative;
          padding: 0 40px;
        }

        #cooperation .item .img-cover , .consiel .item .img-cover,#commissaire_contact .item .img-cover {
          height: 100%;
          
        }

        #cooperation .img-cover .img, .consiel .img-cover .img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          border-radius: 20px;
          min-height: 600px;  
      }
      #cooperation .img-cover {
overflow: visible;
    }
      #cooperation .swiper-cooperation{
        overflow-x: hidden;
        padding-top:100px ;
      }
      

      /* #cooperation .swiper-cooperation .swiper-slide .row{
       column-gap: 4%;
      } */

      #cooperation .swiper-cooperation h1 , .about h1{
       color: #034833;
       font-size: 50px;
      }
      p{
        line-height: 30px;
        font-weight: 400; 
        font-size: 18px;
      }
      #cooperation .swiper-cooperation P, .about p , .consiel p{
        line-height: 30px;
        font-weight: 400;
       }

       .consiel p{
        font-size: 18px;
       }

       #cooperation .swiper-cooperation .logo-field {
        position: absolute;
        top: -35px;
        background-color: white;
        color: black;
        width: 80%;
        border: 2px solid #228B22;
        right: -50px;
        border-radius: 30px;
        height: 140px;
        padding: 20px 40px;
        display: flex;
        justify-content: center;
        align-items: center;
       }

       #cooperation .swiper-cooperation .logo-field img {
width: 50%;
       }

       #cooperation .swiper-button-next ,#cooperation .swiper-button-prev{
        top: -0;
        width: 55px;
        height: 55px;
       }


       .tc-about-vision {
        position: relative;
        padding: 120px 0;
        background-color: #f8f8f8;
    }

     .tc-about-vision .numbers-circles .circle-item {
      width: 275px;
      height: 275px;
      border-radius: 50%;
      background: linear-gradient(90.25deg, rgba(69, 172, 76, 0.3) 0.23%, rgba(140, 191, 68, 0.3) 20.65%, rgba(69, 172, 76, 0.3) 75.42%, rgba(0, 147, 69, 0.3) 99.81%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
  }

   .tc-about-vision .numbers-circles .circle-item:nth-of-type(2) {
    width: 200px;
    height: 200px;
    background: #034833;
    margin-left: 290px;
    margin-top: -140px;
    color: white;
}

 .tc-about-vision .numbers-circles .circle-item:nth-of-type(3) {
  width: 200px;
  height: 200px;
  background-color: #228B22;
  margin-left: 115px;
  margin-top: -40px;
}

 .tc-about-vision .numbers-circles .circle-item .cont {
  width: 100%;
  text-align: center;
}
 .tc-about-vision .numbers-circles .circle-item .cont h3 {
  font-size: 20px;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: white;
}

.tc-about-vision .numbers-circles .circle-item .cont .number {
  font-size: 60px;
  color: white;
  line-height: 1;
}

.tc-about-vision .numbers-circles .circle-item .cont .number.black {
  font-size: 60px;
  color: #000;
  line-height: 1;
}

.tc-about-vision .numbers-circles .circle-item .cont h3.black{
  color: #000;
}
.container{
  max-width: 1380px !important;
  max-width: 1450px !important;
}

.tc-about-vision .pattern {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: 40%;
  pointer-events: none;
  -o-object-fit: contain;
  object-fit: contain;
}

#messages .message-card .img{
height: 375px;

}

#messages .message-card {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  
 
}
#messages .message-card img {
  border-radius: 20px;

}

#messages .message-card .btn img {
  width: 25px;

}
.slogan{
  text-align: left;
}


#about_pres .about_logo {
  display: flex;justify-content: center;align-items: center;margin-top: 20px;
}

#about_pres .about_logo img {
width: 45%;
}


#about_pres .about-div {
  display: flex;justify-content: center;align-items: center;margin-bottom: 20px;width: 100%;height: 150px;background-color: #034833;border-radius: 20px;
  }

  #about_pres .about-div h2 {
    color: white;
    }

    #about_pres img {
      border-radius: 20px;
      }
      #about_pres p {
        font-size: 20px;
        line-height: 32px;
        font-weight: 400;
        }
    .about_pres_images{
      padding: 10px;
    }
    

    .about_pres_images .main-img{
      min-height: 420px;
    }


    #messages .btn{
      width: 185px;
      color: white;
      background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 99.43%);
      height: 65px;
      position: absolute;
      z-index: 100000;
      right: -20px;
      border-radius: 20px;
      padding: 18px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      top: 20px;
      border: 1px solid #228B22;
    }



 
    #messages .swiper-button-next,#messages .swiper-button-prev{
      top: -90px;
 
    }
    #messages .swiper-button-prev{
    right: 80px;
    left: initial;
    }
    #messages .swiper-button-next{
      right: 0;
    }


    h1 {
      font-size: 50px;
      color: #034833;
  }

 .center-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

  .mot{
    width: 70%;
    height: auto;
    background: linear-gradient(107.33deg, #228b22 3.96%, rgba(3, 72, 51, 0.5) 121.37%);
    top: 35%;
    margin: auto;
    position: absolute;
    border-radius: 20px;
    padding: 40px;
  } 

  .mot h4{
    color: white;
    font-size: 29px;
    margin-bottom: 15px;
  }

  .mot p{
    color: white;
    font-size: 15px;
  }

  #commissaire-msg .img-field{
    width: 100%;height: auto;border-radius: 30px;position: relative;display: block;
  }

  #commissaire-msg .img-field img{
    width: 100%;height: 600px;
    border-radius: 30px;
    object-fit: cover;
  }

  #commissaire-msg .msg{
    width: 80%;
    height: auto;
    background: linear-gradient(151.56deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 42.05%);
    margin: auto;
    position: relative;
    border-radius: 20px;
    padding: 40px;
    top: -500px;
  }

  #commissaire-msg{
    height: 140vh;
    height: auto;
    background: aliceblue;
    /* margin-bottom: 200px; */
    display: grid;
    position: relative;
  }
  #commissaire-msg::after {
    content: "";
    display: block;
    clear: both;
}
  
  #commissaire-msg p , #commissaire-msg .big-text {
    color: #727272;
    font-size: 18px;
    
  }

  /* .spacer {
    grid-row: 1;
    height: 500px; 
} */


@media (max-width: 992px) {
  .mot{
    position: relative;
  }
}




#commissaire_contact .img-cover .img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
  min-height: 500px;
}

#commissaire_contact .contact-content {
  width: 100%;
  height: 400px;
  border: 2px solid #034833;
  position: relative;left: -200px; top: 50px;border-radius: 30px;background-color: white;
  padding: 35px;

}


#commissaire_contact .commissaire-profile{
  display: flex;
  align-items: center;
  column-gap: 10px;
  justify-content: space-between;
}

.commissaire-profile-content{
  display: flex;
  align-items: start;
  column-gap: 10px;
}
.commissaire-profile-content p {
  font-size: 14px;
  line-height: 25px;
}
#commissaire_contact .contact-content h1{
margin-bottom: 50px;
}

#commissaire_contact .commissaire-profile-content img{
 
  width: 60px;
  height: 60px;
  border-radius: 50%;

}

#commissaire_contact .commissaire-profile h4{
  font-size: 20PX;
}

 .comm-social-links{
  display: flex;
  column-gap: 3px;
}

 .comm-social-links a{
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}

.comm-social-links a img{
  width: 100%;
  height: 100%;

  }
  @media (max-width: 1250px) {
  
  #cooperation .item, .consiel .item{
    padding: 0;
  }
  #cooperation .swiper-cooperation .logo-field{
    right: 45px;
  }
  #publications .col-lg-3{
    width: 33% ;
  }


}
@media (max-width: 650px) {

#publications  .col-sm-12{
  width: 100% !important;
}
}
  @media (max-width: 992px) {
  #commissaire_contact .contact-content{
    left: initial;
    padding: 40px;
  }
  #cooperation .item, .consiel .item{
    min-height: initial;
  }
  .center-row .mot{
    width: 100%;
  }
  #commissaire-msg .img-field{
  display: block;
  }
  #commissaire-msg .msg{
    position: relative !important;
    top: auto; left: auto; margin: 20px 0;width: 100% ;
  }
  .container{
    position: relative;
  }
  #cooperation .swiper-cooperation .logo-field img{
    width: auto;
  }
  #publications .col-md-6{
    width: 50%  ;
  }
}
.message-desc{
  display: none;
}

.message-desc1{
  position: absolute;
  width: 100%;
  height: auto;
  left: -170px;
  color: white;
  background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 99.43%);
  top: 20px;
  border: 1px solid #228B22;
  z-index: 10000;
  border-radius: 20px;
  padding: 20px;
  display: block;
}

.message-desc2{
  position: absolute;
  width: 100%;
  height: auto;
  right: 0px;
  color: white;
  background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 99.43%);
  top: 90px;
  border: 1px solid #228B22;
  z-index: 10000;
  border-radius: 20px;
  padding: 20px;
  display: block;
}

#messages .btn{
  width: 185px;
  color: white;
  background: linear-gradient(90deg, rgba(3, 72, 51, 0.9) 0%, rgba(34, 139, 34, 0.6) 99.43%);
  height: 65px;
  position: absolute;
  z-index: 1;
  right: -20px;
  border-radius: 20px;
  padding: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 20px;
  border: 1px solid #228B22;
  overflow: visible;
}

@media (max-width: 992px) {


.barre_coop ,.mySwiperVer .swiper-slide-next .barre_coop {
width: 90% !important;
flex-shrink: 0;
}
.mySwiperVer .swiper-slide {
  height: auto !important;
}
.slogan {
  text-align: center;
}
.top-navbar .side-navbar {
  justify-content: center;
}
}

.barre_coop img{
  
  flex-shrink: 0;
}

@media (max-width: 750px) {


  .barre_coop{
  /* flex-direction: column;
  align-items: center;
  row-gap: 30px;
  height: auto; */
  }
  .cooperation .swiper-wrapper{
    row-gap: 30px;
  }
  
  .banner-contact,.banner-newsletter{
    padding: 20px;
  }

  .banner-contact .content{
    width: 100%;
  }
  .banner-contact .content h2,.banner-newsletter .content h2 {
    font-size: 17px;
  }
  .banner-contact .content h1,.banner-newsletter .content h1 {
    font-size: 30px;
  }
  .banner-contact .contact-info li .title{
    font-size: 16px;
  }
  .banner-contact .contact-info li .value {
    font-size: 17px;
  }

  }

  @media (max-width: 500px) {

    nav.navbar{
        padding: 0px 30px !important ;
    }
    .logo-brand-mobile img{
      width: 140px !important;
    }
    .banner-pub h1, .banner-announces h1, .banner-news h1, .banner-cooperation h1, .banner-about h1, .banner-commissaire h1{
      font-size: 3rem;
    }
    .tc-about-vision .numbers-circles .circle-item:nth-of-type(1){
      width: 180px !important;
      height: 180px !important;
    }
    .tc-about-vision .numbers-circles .circle-item:nth-of-type(2){
      width: 150px !important;
      height: 150px !important;
      margin-left: 210px;
      font-size: 1px;
    }
    .tc-about-vision .numbers-circles .circle-item:nth-of-type(3){
      width: 150px !important;
      height: 150px !important;
      
      margin-left: 65px;
      margin-top: 50px;
    }

    .tc-about-vision .numbers-circles .circle-item h3{
      font-size:15px !important;
    }
    .tc-about-vision .numbers-circles .circle-item .number{
      font-size:45px !important;
    }
    #consiel1 .item {
      padding: 0 0px !important;
      transform: rotate(0) !important;
    }
    #consiel2{
      background-color: aliceblue;
      padding-bottom: 100px;
      padding-top: 100px;
      margin-top: 50px;
    }
    #consiel2 .item{
      padding: 0;
    }
    .contact-section .contact-wrap{
      padding: 40px 20px;
    }

    .pub-details-page h1{
      font-size: 30px;
    }
    .img-cover .content button{
      width: 35px;
      height: 35px;
    }

  }

  @media (max-width: 400px) {
    .barre_coop {
      display: flex;
      flex-direction: column;
    }
  }
  .header-logos {
    display: flex;
    justify-content: space-between;
  }



  .amaz {
    word-spacing: -19px;
  }


  .arab {
    word-spacing: 10px;
  }



  .swiper_full_width .swiper-slide::after{
    content: '';
    background: #0000004e;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .teaser3{
    padding: 50px;
    color: white;
    position: absolute;
  }

  .teaser3 .label , .teaser3 p{
    /* color: white; */
  }
  .teaser3 .label{
    margin-bottom: 20px;
  }

  .teaser3 p{
    margin-bottom: 20px;
  }

  .teaser3 h3 {
    /* color: white; */
    line-height: 50px;
    font-size: 45px;
    margin-bottom: 30px;
  }



  /* General styles for all slides */
.mySwiperVer .swiper-slide-next .barre_coop {
  width: 62%; /* Default width */
   /* Prevent conflict with animation */
}

#consiel1 .item-img{
  padding: 0 65px;
  transform: rotate(355deg);
}


.mySwiperVer .swiper-slide {
  position: relative;
  transition: 1s; /* Prevent default transitions */
}

/* Animation for barre_coop when transitioning to the active position */
.mySwiperVer .swiper-slide-next .barre_coop {
  animation: slideUp 0.4s ease-in-out forwards;
}

/* Keyframe animation to move from below to the top */
@keyframes slideUp {
  from {
    transform: translateY(100%); /* Start from below */
    opacity: 0.8; /* Add a slight fade */
  }
  to {
    transform: translateY(0); /* End at the top */
    opacity: 1; /* Fully visible */
  }
}




.sub-footer{
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 25px 50px;
  margin-top: 15px;
  position: relative;
}


.sub-footer .content {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.sub-footer .content p {
  color: white;
  font-size: 14px;
font-weight: 400;
line-height: 22.5px;
text-align: left;
}

.sub-footer .links {
  display: flex;
}

.sub-footer .links div {
  /* margin-right: 30px; */
  color: white;
}
.sub-footer .links a {
  text-decoration: underline;
  color: white;
}

.chart-card{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  padding: 20px;
  border-radius: 5px;
}
@media (max-width: 1200px) {

.mob-nav-toggles{
  padding: 10px;
}
}









.teaser3 {
  border: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: self-start;
  background-color: f6f2f0;
  width: 100%;
  backdrop-filter: blur(1.1);
  padding: 0 100px;
  line-height: 50px;
  position: absolute;
  left: 0;
  background-color: rgba(35, 34, 34, 0.23);
  text-align: left;
}
.teaser3-wrapper{
  width: 50%;
}
.teaser3 .label{
  line-height: 25px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
  font-size: 17px;
}
.teaser3 h3 {
  font-size: 45px;
  margin-bottom: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 30px;
}
.teaser3 p {
  font-size: 17px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}


@media (max-width: 1200px) {


  .mob-nav-toggles{
    padding: 10px;
  }
  .teaser3 .teaser3-wrapper{
    width: 70%;
  }


  .teaser3 h3 {
    font-size: 40px;

  }
  }

  
@media (max-width: 800px) {


  .mob-nav-toggles{
    padding: 10px;
  }
  .teaser3{
    padding: 0 15px;
  }
  .teaser3 .teaser3-wrapper{
    width: 100%;
    
  }


  .teaser3 h3 {
    font-size: 25px;
    line-height: 35px;
  }

  .teaser3 p ,.teaser3 .label {
    font-size: 15px;

  }
  }


  .item{
    text-align: left;
  }