/*
.hero {
  background: url('images/slider/slider-6-2.jpg') no-repeat center center/cover;
  height: 100vh;
  color: white;
  text-align: center;
  position: relative;
}
*/
/* global style */
.jutifiertext {
  text-align: justify;
}

body {
  overflow-x: hidden;
}

.hero {
  height: 120px;
  position: absolute;
}

.header-scrolled {
  box-shadow: 0px 2px 15px rgba(8, 8, 8, 0.945) !important;
  background: rgba(8, 8, 8, 0.945) !important;
  padding: 12px 0;
}


/* Ensure the navbar is fixed */
.navbar {
  position: relative !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  /* Ensure it stays on top of other content */
  background-color: rgba(0, 0, 0, 0.0);
  /* Slight transparency for the fixed menu */
  /* Optional: Adds shadow for better visibility */
  margin-top: 2%;
  text-align: center;
}

/* Add margin to the content below to prevent it from being hidden under the fixed menu */

/* Optional: Ensure smooth transition */
.navbar a.nav-link {
  transition: color 0.3s ease;
}

.navbar a.nav-link:hover {
  color: #56cc73;
  /* Adjust hover color as needed */
}

.nav-link {
  color: #02913f !important;
}

/*
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.6);
}
*/


.logo img {
  height: 50px;
}

.nav-links {
  display: flex;
  gap: 25px;
  list-style: none;
}

.nav-links li a {
  text-decoration: none;
  color: white;
  font-weight: 700;
}

.menu-icon {
  display: none;
  flex-direction: column;
  cursor: pointer;
}

.menu-icon div {
  background: white;
  height: 3px;
  width: 25px;
  margin: 3px 0;
}

.hero-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-text h1 {
  font-size: 3rem;
  margin: 0;
}

.hero-text p {
  font-size: 1.5rem;
  margin: 10px 0 0;
}

/* OUR COLORS */
.ls-primary {
  color: #157092;
  font-size: 11px;
}





.search-services {
  background-color: #fdd835;
  text-align: center;
  padding: 20px;
  position: relative;
  top: -25px;
}

.search-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.search-bar input {
  width: 60%;
  padding: 10px;
  border: none;
  border-radius: 20px 0 0 20px;
}

.search-bar button {
  background-color: white;
  border: none;
  padding: 10px 15px;
  border-radius: 0 20px 20px 0;
  cursor: pointer;
}

.search-bar button img {
  width: 20px;
  height: 20px;
}

.services {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

.service {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service img {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.service p {
  font-weight: bold;
  margin: 0;
}

.voir-plus {
  margin-top: 20px;
  background-color: #02913f;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.my-5 {
  background: #ededed !important;
}

.card-body {
  background: #ededed !important;
}



/* Footer */

.footer {
  background-color: #004b8d;
  color: white;
  padding: 30px 20px;
}

.footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

.footer-left {
  flex: 1;
  min-width: 200px;
}

.footer-logo {
  height: 50px;
  margin-bottom: 10px;
}

.footer-left p {
  margin: 5px 0;
}

.footer-left a {
  color: white;
  text-decoration: none;
}

.social-icons {
  display: flex;
  gap: 15px;
}

.social-icons a {
  color: white;
  font-size: 18px;
  transition: color 0.3s ease;
}

.social-icons a:hover {
  color: #76b900;
}

.footer-middle {
  flex: 2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-column {
  flex: 1;
  min-width: 200px;
  margin-right: 20px;
}

.footer-column h4 {
  margin-bottom: 10px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 5px;
}

.footer-column ul li a {
  text-decoration: none;
  color: white;
}

.footer-right {
  flex: 1;
  min-width: 300px;
}

.newsletter-section {
  background-color: #76b900;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
}

.newsletter-section h4 {
  font-size: 20px;
  margin-bottom: 10px;
  color: white;
}

.newsletter-section p {
  margin-bottom: 10px;
  color: white;
}

.newsletter-section form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.newsletter-section input {
  flex: 1 1 auto;
  max-width: 200px;
  padding: 10px;
  border: none;
  border-radius: 5px;
}

.newsletter-section button {
  background-color: #004b8d;
  color: #ffff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.newsletter-section button:hover {
  background-color: #004b8d;
  color: white;
}

.footer-bottom {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
}


/* ################################################################################ */
/* Responsive Design  LE COMMENCEMENT DU STYLES RESPONSIVE */
/* ################################################################################ */



/* 8. Très grands écrans ou TV (≥ 1920px) */
@media all and (1921px <= width <= 7000px) {

  /* Styles spécifiques pour les très grands écrans */
  .menu-manager {
    display: flex !important;
    margin-top: 21px !important;
  }

  .logo {
    margin-left: 200px !important;
  }

  .logo img {
    height: 96px !important;
  }

  .menu-list {

    margin-top: -44px ! important;
    display: flex !important;
    position: relative ! important;
    width: 100% ! important;
    flex-wrap: nowrap !important;
    align-items: center ! important;
    left: 78px ! important;
  }

  .menu-list li {
    /* padding: 10px 15px; */
    cursor: pointer;
    white-space: nowrap;
  }


  .menu-list li a {


    font-size: 32px;
    font-weight: 500;
/*    color: #fff;*/
    white-space: nowrap;
    transition: 0.3s;
  }

  .rowhd{
    margin-left: -159% !important;
  }
  .footerhd{
    margin-left: 4% !important;
  }

  .ct-header h1.big {
    font-size: 4.3rem !important;
    /*margin-right: 302px;*/


  }


  .ct-header p {
    font-size: 6.3rem !important;
    line-height: 1.1 !important;
   /*margin-right: 302px;*/


  }

  .newslettersecton {
margin-top: 30px !important;
  font-size: 32px !important;
  margin-bottom: 30px !important;
  }

  .formsection {
   margin-top: 3px !important;
    margin-bottom: 5px !important;
  }

  .mobileservicesection {
    /* position: absolute !important;
    top: 70vh !important;
    left: 17% !important; */
    margin-left: 240px !important;
    width: 1150px !important;


  }

  .othersectioncontent {

    /* padding-top: 38% !important; */
    margin-left: 162px !important;

  }

  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
    font-family: Dockyard;
    font-size: 80px;
    font-weight: bolder;
  }

  .servicedesktop {
    display: block !important;
  }

  .servicemobile {
    display: block !important;

  }
}



/* 7. Grands écrans d'ordinateurs (≥ 1366px) */
@media all and (1700px <= width <=1920px) {

  /* Styles spécifiques pour les grands écrans */
   .menu-manager {
    display: flex !important;
    margin-top: 21px !important;
  }

  .logo {
    margin-left: 200px !important;
  }

  .logo img {
    height: 96px !important;
  }

  .menu-list {

    margin-top: -44px ! important;
    display: flex !important;
    position: relative ! important;
    width: 100% ! important;
    flex-wrap: nowrap !important;
    align-items: center ! important;
    left: 78px ! important;
  }

  .menu-list li {
    /* padding: 10px 15px; */
    cursor: pointer;
    white-space: nowrap;
  }


  .menu-list li a {


    font-size: 32px;
    font-weight: 500;
/*    color: #fff;*/
    white-space: nowrap;
    transition: 0.3s;
  }

  .ct-header h1.big {
    font-size: 4.3rem !important;


  }


  .ct-header p {
    font-size: 6.3rem !important;
    line-height: 1.1 !important;

  }

  .newslettersecton {
margin-top: 30px !important;
  font-size: 32px !important;
  margin-bottom: 30px !important;
  }

  .formsection {
   margin-top: 3px !important;
    margin-bottom: 5px !important;
  }

  .mobileservicesection {
    /* position: absolute !important;
    top: 70vh !important;
    left: 17% !important; */
    margin-left: 224px !important;
     width: 1150px !important;


  }

  .othersectioncontent {

    /* padding-top: 38% !important; */
    margin-left: 162px !important;


  }

  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
    font-family: Dockyard;
    font-size: 80px;
    font-weight: bolder;
  }

  .servicedesktop {
    display: block !important;
  }

  .servicemobile {
    display: block !important;

  }
}

@media all and (1501px <=width <=1699px) {

  /* Styles spécifiques pour les grands écrans */
  .menu-manager {
    display: flex !important;
    margin-top: 21px !important;
  }

  .logo {
    margin-left: 200px !important;
  }

  .logo img {
    height: 96px !important;
  }

  .menu-list {

    margin-top: -44px ! important;
    display: flex !important;
    position: relative ! important;
    width: 100% ! important;
    flex-wrap: nowrap !important;
    align-items: center ! important;
    left: 78px ! important;
  }

  .menu-list li {
    /* padding: 10px 15px; */
    cursor: pointer;
    white-space: nowrap;
  }


  .menu-list li a {


    font-size: 32px;
    font-weight: 500;
/*    color: #fff;*/
    white-space: nowrap;
    transition: 0.3s;
  }

  .ct-header h1.big {
    font-size: 4.3rem !important;


  }


  .ct-header p {
    font-size: 6.3rem !important;
    line-height: 1.1 !important;

  }

  .newslettersecton {
margin-top: 30px !important;
  font-size: 32px !important;
  margin-bottom: 30px !important;
  }

  .formsection {
   margin-top: 3px !important;
    margin-bottom: 5px !important;
  }

  .mobileservicesection {
    /* position: absolute !important;
    top: 70vh !important;
    left: 17% !important; */
    width: 900px !important;


  }

  .othersectioncontent {

    /* padding-top: 38% !important; */

  }

  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
    font-family: Dockyard;
    font-size: 80px;
    font-weight: bolder;
  }

  .servicedesktop {
    display: block !important;
  }

 /* .servicemobile {
    display: block !important;

  }*/
}

/* 6. Ordinateurs portables petits et moyens (entre 1024px et 1366px) */

@media all and (1366px <=width <=1500px) {

  /* Styles spécifiques pour les ordinateurs portables */
  .menu-manager {
    display: flex !important;
    margin-top: 21px !important;
  }

  .logo {
    margin-left: 111px !important;
  }

  .logo img {
    height: 96px !important;
  }

  .menu-list {

    margin-top: -44px ! important;
    display: flex !important;
    position: relative ! important;
    width: 100% ! important;
    flex-wrap: nowrap !important;
    align-items: center ! important;
    left: 78px ! important;
  }

  .menu-list li {
    /* padding: 10px 15px; */
    cursor: pointer;
    white-space: nowrap;
  }


  .menu-list li a {


    font-size: 25px;
    font-weight: 500;
/*    color: #fff;*/
    white-space: nowrap;
    transition: 0.3s;
  }

  .ct-header h1.big {
    font-size: 4.3rem !important;


  }


  .ct-header p {
    font-size: 6.3rem !important;
    line-height: 1.1 !important;

  }

  .newslettersecton {
margin-top: 30px !important;
  font-size: 32px !important;
  margin-bottom: 30px !important;
  }

  .formsection {
   margin-top: 3px !important;
    margin-bottom: 19px !important;
  }

  .mobileservicesection {
    /* position: absolute !important;
    top: 80vh !important;
    left: 17% !important; */
    width: 900px !important;


  }

  .othersectioncontent {

    /* padding-top: 38% !important; */

  }

  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
  
    font-size: 80px;
    font-weight: bolder;
  }

  .servicedesktop {
    display: block !important;
  }

  .servicemobile {
    display: block !important;

  }
}

@media all and (1139px <=width <=1365px) {

  /* Styles spécifiques pour les ordinateurs portables */
  .menu-manager {
    display: flex !important;
    margin-top: 21px !important;
  }

  .logo {
    margin-left: 111px !important;
  }

  .logo img {
    height: 96px !important;
  }

  .menu-list {

    margin-top: -44px ! important;
    display: flex !important;
    position: relative ! important;
    width: 100% ! important;
    flex-wrap: nowrap !important;
    align-items: center ! important;
    left: 78px ! important;
  }

  .menu-list li {
    /* padding: 10px 15px; */
    cursor: pointer;
    white-space: nowrap;
  }


  .menu-list li a {


    font-size: 25px;
    font-weight: 500;
/*    color: #fff;*/
    white-space: nowrap;
    transition: 0.3s;
  }

  .ct-header h1.big {
    font-size: 4.3rem !important;


  }


  .ct-header p {
    font-size: 6.3rem !important;
    line-height: 1.1 !important;

  }

   .newslettersecton {
margin-top: 30px !important;
  font-size: 32px !important;
  margin-bottom: 30px !important;
  }

  .formsection {
   margin-top: 3px !important;
    margin-bottom: 19px !important;
  }

  .mobileservicesection {
    /* position: absolute !important;
    top: 80vh !important;
    left: 17% !important; */
    width: 900px !important;


  }

  .othersectioncontent {

    /* padding-top: 38% !important; */

  }

  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
    font-family: Dockyard;
    font-size: 80px;
    font-weight: bolder;
  }

  .servicedesktop {
    display: block !important;
  }

  .servicemobile {
    display: block !important;

  }
}

@media all and (1024px <=width <=1138px) {
  /* Styles spécifiques pour les tablettes paysage */
  
  
    .menu-manager {
      display: flex !important;
      margin-top: 21px !important;
    }
  
    .logo {
      margin-left: 38px !important;
    }
  
    .menu-list {
  
      margin-top: -44px ! important;
      display: flex !important;
      position: relative ! important;
      width: 100% ! important;
      flex-wrap: nowrap !important;
      align-items: center ! important;
      left: 41px ! important;
    }
  
    .menu-list li {
      /* padding: 10px 15px; */
      cursor: pointer;
      white-space: nowrap;
    }
  
  
    .menu-list li a {
  
  
      font-size: 23px;
      font-weight: 500;
/*      color: #fff;*/
      white-space: nowrap;
      transition: 0.3s;
    }
  
    .ct-header h1.big {
      font-size: 3.3rem !important;
  
  
    }
  
  
    .ct-header p {
      font-size: 3.3rem !important;
      line-height: 2.1 !important;
  
    }
  
    .newslettersecton {
      margin-top: 30px !important;
        font-size: 30px !important;
        margin-bottom: 30px !important;
    }
  
    .formsection {
      /* margin-top: 14px !important;
        margin-bottom: -9px !important; */
    }
  
    .mobileservicesection {
      /* position: absolute !important;
      top: 38vh !important;
      left: 21% !important; */
      width: 900px !important;
  
    }
  
    .othersectioncontent {
  
      /* padding-top: 61% !important; */
  
    }
  
    .motdumairetitre {
      font-size: 50px !important;
      padding-top: 24px !important;
   
      font-size: 80px;
      font-weight: bolder;
    }
  
    .servicedesktop {
      display: block !important;
    }
  
    .servicemobile {
      display: block !important;
  
    }
}

/* 5. Tablettes en mode paysage (entre 768px et 1024px) */
@media all and (991px <=width <=1023px) {
  /* Styles spécifiques pour les tablettes paysage */


  .menu-manager {
    display: flex !important;
    margin-top: 21px !important;
  }

  .logo {
    margin-left: 38px !important;
  }

  .menu-list {

    margin-top: -44px ! important;
    display: flex !important;
    position: relative ! important;
    width: 100% ! important;
    flex-wrap: nowrap !important;
    align-items: center ! important;
    left: 41px ! important;
  }

  .menu-list li {
    /* padding: 10px 15px; */
    cursor: pointer;
    white-space: nowrap;
  }


  .menu-list li a {


    font-size: 23px;
    font-weight: 500;
/*    color: #fff;*/
    white-space: nowrap;
    transition: 0.3s;
  }

  .ct-header h1.big {
    font-size: 3.3rem !important;


  }


  .ct-header p {
    font-size: 3.3rem !important;
    line-height: 2.1 !important;

  }

  .newslettersecton {
    margin-top: 60px !important;
    /* font-size: 32px !important; */
    margin-bottom: 30px !important;
  }

  .formsection {
    /* margin-top: 14px !important;
      margin-bottom: -9px !important; */
  }

  .mobileservicesection {
    /* position: absolute !important;
    top: 38vh !important;
    left: 21% !important; */


  }

  .othersectioncontent {

    /* padding-top: 61% !important; */

  }

  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
    font-family: Dockyard;
    font-size: 80px;
    font-weight: bolder;
  }

  .servicedesktop {
    display: block !important;
  }

  .servicemobile {
    display: block !important;

  }
}

/* 4. Tablettes en mode portrait (≤ 768px) */

@media all and (769px <=width <=990px) {
  .menu-manager {
    display: flex !important;
    margin-top: 21px !important;
  }

  .logo {
    margin-left: 38px !important;
  }

  .menu-list {
    margin-top: -44px ! important;
    display: flex !important;
    position: relative ! important;
    width: 100% ! important;
    flex-wrap: nowrap !important;
    align-items: center ! important;
    left: 41px ! important;
  }

  .menu-list li {
    /* padding: 10px 15px; */
    cursor: pointer;
    white-space: nowrap;
  }


  .menu-list li a {
    font-size: 15px;
    font-weight: 500;
/*    color: #fff;*/
    white-space: nowrap;
    transition: 0.3s;
  }

  .ct-header h1.big {
    font-size: 3.3rem !important;


  }


  .ct-header p {
    font-size: 3.3rem !important;
    line-height: 2.1 !important;

  }

  .newslettersecton {
    margin-top: 29px !important;
    font-size: 22px !important;
    margin-bottom: 39px !important;
  }

  .formsection {
    /* margin-top: 0px !important; */
    margin-bottom: 12px !important;
  }

  .desktopmenu {
    display: none !important;
  }

  .mobilemenu {
    display: block !important;
    font-size: 14px;
  }



  .mobileservicesection {
    /* position: absolute !important;
    top: 47vh !important;
    left: 9% !important; */
    width: 648px !important;

  }


  .othersectioncontent {

    /* padding-top: 77% !important; */

  }

  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
  }

  .servicedesktop {
    display: block !important;
  }

  .servicemobile {
    display: none !important;

  }

  .sectionactualitedesktop {
    display: none !important;
  }

  .sectionactualitemobile {
    display: block !important;
  }

  /* .menu-button {
    display: bloc !important;
  } */

  .ct-header h1.big {
    font-size: 2.7rem !important;
  }

  .ct-header p {
    font-size: 3rem !important;
  }

  .slick-next::before {
    height: 0px !important;
  }

  .slick-next::after {
    height: 0px !important;
  }

  .slick-prev::before {
    height: 0px !important;
  }

  .slick-prev::after {
    height: 0px !important;
  }
}

/* 3. Mobiles classiques (≤ 500px) */
@media all and (576px <=width <=768px) {

  .footer-left p,
  .footer-column ul li,
  .footer-bottom p {
    font-size: 14px;
  }

  .social-icons a {
    font-size: 16px;
  }

  .footer-left {
    flex-direction: column;
    text-align: center;
  }

  .social-icons {
    display: flex;
    gap: 15px;
  }

  .newslettersecton {
    margin-top: 29px !important;
    font-size: 22px !important;
    margin-bottom: 39px !important;
  }

  .formsection {
    /* margin-top: 0px !important; */
    margin-bottom: 12px !important;
  }

  .desktopmenu {
    display: none !important;
  }

  .mobilemenu {
    display: block !important;
    font-size: 14px;
  }



  .mobileservicesection {
    /* position: absolute !important;
    top: 51vh !important;
    left: 11% !important; */
    width: 599px !important;

  }


  .othersectioncontent {

    /* padding-top: 77% !important; */

  }

  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
  }

  .servicedesktop {
    display: block !important;
  }

  .servicemobile {
    display: none !important;

  }

  .sectionactualitedesktop {
    display: none !important;
  }

  .sectionactualitemobile {
    display: block !important;
  }

  .menu-button {
    display: none !important;
  }

  .ct-header h1.big {
    font-size: 2.7rem !important;
  }

  .ct-header p {
    font-size: 3rem !important;
  }

  .slick-next::before {
    height: 0px !important;
  }

  .slick-next::after {
    height: 0px !important;
  }

  .slick-prev::before {
    height: 0px !important;
  }

  .slick-prev::after {
    height: 0px !important;
  }

  .carousel-item img {
  height: 75% !important;
  object-fit: cover !important;
}

}

/* 2. Petits appareils (≤ 480px) */
@media all and (481px <=width <=576px) {

  /* Styles pour les très petits écrans */

  .footer-left p,
  .footer-column ul li,
  .footer-bottom p {
    font-size: 14px;
  }

  .social-icons a {
    font-size: 16px;
  }

  .footer-left {
    flex-direction: column;
    text-align: center;
  }

  .social-icons {
    display: flex;
    gap: 15px;
  }

  .slick-next::before {
    height: 0px !important;
  }

  .slick-next::after {
    height: 0px !important;
  }

  .slick-prev::before {
    height: 0px !important;
  }

  .slick-prev::after {
    height: 0px !important;
  }

  .ct-header h1.big {
    font-size: 1.7rem !important;
  }

  .ct-header p {
    font-size: 2rem !important;
  }

  .newslettersecton {
    margin-top: 13px !important;
    font-size: 23px !important;
    margin-bottom: 13px !important;
  }

  .formsection {
    margin-top: 14px !important;
    margin-bottom: 12px !important;
  }

  .desktopmenu {
    display: block !important;

  }

  .mobilemenu {
    display: block !important;
    font-size: 14px;
  }

  .view-more-container {
    display: none !important;
  }

  .mobileservicesection {
/* 
    position: absolute !important;
    top: 99vh !important;
    left: 11% !important; */
    width: 436px !important;
  }

  .othersectioncontent {
    /* padding-left: 23px !important; */
    /* padding-top: 165% !important; */
  }




  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
  }

  .servicedesktop {
    display: none !important;
  }

  .servicemobile {
    display: block !important;

  }

  .sectionactualitedesktop {
    display: none !important;
  }

  .sectionactualitemobile {
    display: block !important;
  }

  .menu-button {
    display: none !important;
  }

  .carousel-item img {
  height: 75% !important;
  object-fit: cover !important;
}

}

/* 1. Très petits appareils (≤ 360px) */
@media all and (371px <=width <=480px) {

  /* Styles pour les très petits écrans */
  .footer-left p,
  .footer-column ul li,
  .footer-bottom p {
    font-size: 14px;
  }

  .social-icons a {
    font-size: 16px;
  }

  .footer-left {
    flex-direction: column;
    text-align: center;
  }

  .social-icons {
    display: flex;
    gap: 15px;
  }

  .slick-next::before {
    height: 0px !important;
  }

  .slick-next::after {
    height: 0px !important;
  }

  .slick-prev::before {
    height: 0px !important;
  }

  .slick-prev::after {
    height: 0px !important;
  }

  .ct-header h1.big {
    font-size: 1.7rem !important;
  }

  .ct-header p {
    font-size: 2rem !important;
  }

  .newslettersecton {
    margin-top: 13px !important;
    font-size: 23px !important;
    margin-bottom: 13px !important;
  }

  .formsection {
    margin-top: 14px !important;
    margin-bottom: 12px !important;
  }

  .desktopmenu {
    display: block !important;

  }

  .mobilemenu {
    display: block !important;
    font-size: 14px;
  }

  .view-more-container {
    display: none !important;
  }

  .mobileservicesection {

    /* position: absolute !important;
    top: 58vh !important; */
    width: 383px !important;
    /* left: 5% !important; */
  }


  .othersectioncontent {
    /* padding-left: 23px !important; */
    /* padding-top: 217% !important; */
  }




  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
  }

  .servicedesktop {
    display: none !important;
  }

  .servicemobile {
    display: block !important;

  }

  .sectionactualitedesktop {
    display: none !important;
  }

  .sectionactualitemobile {
    display: block !important;
  }

  .menu-button {
    display: none !important;
  }

  .carousel-item img {
  height: 75% !important;
  object-fit: cover !important;
}

}

@media all and (width <=390px) {

  /* Styles pour les très petits écrans */
  .footer-left p,
  .footer-column ul li,
  .footer-bottom p {
    font-size: 14px;
  }

  .social-icons a {
    font-size: 16px;
  }

  .footer-left {
    flex-direction: column;
    text-align: center;
  }

  .social-icons {
    display: flex;
    gap: 15px;
  }

  .slick-next::before {
    height: 0px !important;
  }

  .slick-next::after {
    height: 0px !important;
  }

  .slick-prev::before {
    height: 0px !important;
  }

  .slick-prev::after {
    height: 0px !important;
  }

  .ct-header h1.big {
    font-size: 1.7rem !important;
  }

  .ct-header p {
    font-size: 2rem !important;
  }

  .newslettersecton {
    margin-top: 13px !important;
    font-size: 23px !important;
    margin-bottom: 13px !important;
  }

  .formsection {
    margin-top: 14px !important;
    margin-bottom: 12px !important;
  }

  .desktopmenu {
    display: block !important;

  }

  .mobilemenu {
    display: block !important;
    font-size: 14px;
  }

  .view-more-container {
    display: none !important;
  }

  .mobileservicesection {
    /* position: absolute !important;
    top: 65vh !important; */
    /* left: 11% !important; */
    width: 383px !important;
  }

  .othersectioncontent {
    /* padding-left: 23px !important; */
    /* padding-top: 234% !important; */
  }




  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
  }

  .servicedesktop {
    display: none !important;
  }

  .servicemobile {
    display: block !important;

  }

  .sectionactualitedesktop {
    display: none !important;
  }

  .sectionactualitemobile {
    display: block !important;
  }

  .menu-button {
    display: none !important;
  }

  .carousel-item img {
  height: 75% !important;
  object-fit: cover !important;
}

}

@media all and (width <=370px) {

  /* Styles pour les très petits écrans */
  .footer-left p,
  .footer-column ul li,
  .footer-bottom p {
    font-size: 14px;
  }

  .social-icons a {
    font-size: 16px;
  }

  .footer-left {
    flex-direction: column;
    text-align: center;
  }

  .social-icons {
    display: flex;
    gap: 15px;
  }

  .slick-next::before {
    height: 0px !important;
  }

  .slick-next::after {
    height: 0px !important;
  }

  .slick-prev::before {
    height: 0px !important;
  }

  .slick-prev::after {
    height: 0px !important;
  }

  .ct-header h1.big {
    font-size: 1.7rem !important;
  }

  .ct-header p {
    font-size: 2rem !important;
  }

  .newslettersecton {
    margin-top: 13px !important;
    font-size: 23px !important;
    margin-bottom: 13px !important;
  }

  .formsection {
    margin-top: 14px !important;
    margin-bottom: 12px !important;
  }

  .desktopmenu {
    display: block !important;

  }

  .mobilemenu {
    display: block !important;
    font-size: 14px;
  }

  .view-more-container {
    display: none !important;
  }

  .mobileservicesection {
    /* position: absolute !important;
    top: 73vh !important;
    left: 6% !important; */
    width: 322px !important;
  }

  .othersectioncontent {
    /* padding-left: 23px !important; */
    /* padding-top: 248% !important; */
  }




  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
  }

  .servicedesktop {
    display: none !important;
  }

  .servicemobile {
    display: block !important;

  }

  .sectionactualitedesktop {
    display: none !important;
  }

  .sectionactualitemobile {
    display: block !important;
  }

  .menu-button {
    display: none !important;
  }

  .carousel-item img {
  height: 75% !important;
  object-fit: cover !important;
}

}

@media all and (width <=360px) {

  /* Styles pour les très petits écrans */
  .footer-left p,
  .footer-column ul li,
  .footer-bottom p {
    font-size: 14px;
  }

  .social-icons a {
    font-size: 16px;
  }

  .footer-left {
    flex-direction: column;
    text-align: center;
  }

  .social-icons {
    display: flex;
    gap: 15px;
  }

  .slick-next::before {
    height: 0px !important;
  }

  .slick-next::after {
    height: 0px !important;
  }

  .slick-prev::before {
    height: 0px !important;
  }

  .slick-prev::after {
    height: 0px !important;
  }

  .ct-header h1.big {
    font-size: 1.7rem !important;
  }

  .ct-header p {
    font-size: 2rem !important;
  }

  .newslettersecton {
    margin-top: 13px !important;
    font-size: 23px !important;
    margin-bottom: 13px !important;
  }

  .formsection {
    margin-top: 14px !important;
    margin-bottom: 12px !important;
  }

  .desktopmenu {
    display: block !important;

  }

  .mobilemenu {
    display: block !important;
    font-size: 14px;
  }

  .view-more-container {
    display: none !important;
  }

  .mobileservicesection {
  

    width: 322px !important;
  }

  .othersectioncontent {
    /* padding-left: 23px !important; */
    /* padding-top: 248% !important; */
  }




  .motdumairetitre {
    font-size: 50px !important;
    padding-top: 24px !important;
  }

  .servicedesktop {
    display: none !important;
  }

  .servicemobile {
    display: block !important;

  }

  .sectionactualitedesktop {
    display: none !important;
  }

  .sectionactualitemobile {
    display: block !important;
  }

  .menu-button {
    display: none !important;
  }

  .carousel-item img {
  height: 75% !important;
  object-fit: cover !important;
}

}



p {
  font-size: 1rem;
/*  color: #fff;*/
}

h4 {
  color: #000;
}


.card-title {
  font-size: 1.2rem;
}

.card-text {
  font-size: 0.9rem;
  color: #157092;
}

.btn-success {
  background-color: #67a867;
  border: none;
}

.btn-success:hover {
  background-color: #569056;
}

.card-img-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.card-img-overlay h5 {
  font-size: 1.5rem;
}



.stats-section {
  text-align: center;
  margin: 40px 0;
}

.stats-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #2a527c;
}

.stats-item {
  margin-top: 20px;
}

.stats-number {
  font-size: 2rem;
  font-weight: bold;
  color: #4caf50;
}

.stats-text {
  color: #5a5a5a;
}


/* Our Navbar Menu */

.menu-icon-2 div {
  background: white;
  height: 3px;
  width: 25px;
  margin: 3px 0;
}

.menu-container {
  background-color: #fff;
  width: 300px;
  padding: 15px;
}

.menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.menu-item a {
  text-decoration: none;
  color: inherit;
}

.menu-item-blue {
  color: #2a527c;
}

.menu-item-green {
  color: #4caf50;
}

.menu-item-orange {
  color: #f39c12;
}

.menu-item-brown {
  color: #6c4f34;
}

.menu-item-red {
  color: #e74c3c;
}

.submenu {
  background-color: #c5a16b;
  padding: 10px 15px;
  margin-top: 5px;
  display: none;
}

.submenu a {
  text-decoration: none;
  color: #fff;
  display: block;
  margin-bottom: 5px;
}

.submenu a:hover {
  text-decoration: underline;
}


/* View More */
.view-more-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.line {
  flex: 1;
  height: 2px;
  background-color: #02913f;
  margin: 0 10px;
}

.btn-view-more {
  background-color: #02913f;
  color: white;
  padding: 5px 15px;
  border: none;
  font-size: 16px;
}

.mt-99 {
  margin-top: -1rem !important;
}

a {
  text-decoration: none !important;
}

.hidden_service {
  display: none;
}

.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}

.blog-post .post-content .post-date {
  height: 30px;
  line-height: 32px;
  float: left;
  background: #fbc50b;
  color: #000;
  padding: 0 15px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  margin-left: 15px;
  margin-top: -55px;
}

.blog-post .post-content .post-title {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: "Murecho";
  font-size: 28px;
}

.violet {
  color: #8F00FF !important;
}

 .property-card {
            transition: transform 0.3s ease;
        }
        .property-card:hover {
            transform: scale(1.05);
        }
        .card-title a {
            text-decoration: none;
            color: #007bff;
        }
        .card-title a:hover {
            color: #0056b3;
        }
        .price {
            color: green;
            font-weight: bold;
        }