body.dark-mode .whitecolor {
    color: #ffffff !important;
}


body.dark-mode .navcolor {
    color: #ffffff  !important;
}





body.dark-mode .whitecolor {
    color: #ffffff !important;
}

body.dark-mode .btn-primary{
    background: #747474  !important;
}

body.dark-mode .btn-primary:hover{
    background: #74747400  !important;
    color:#ffffff;
    border:1px solid #747474 !important;
}

body.dark-mode .tp-bullet.selected {
    background: #ffffff;
    cursor: default;
}

body.dark-mode .defaultcolor {
    color: #9f8f8f;
}

body.dark-mode  .gradient-btn {
background-image: linear-gradient(to right, #535252 0%, #c7c7c7 51%, #767474 100%);
}

body.dark-mode .process-wrapp li>.pro-step::before {

    background: linear-gradient(90deg, #dddddd, #aaaaac);
}

body.dark-mode .news_item {
    background: #acacac;
    border-radius: 13px !important;
}

body.dark-mode .news_desc p {
    color: #000;
}

body.dark-mode .gallery-hvr {


    background: radial-gradient(#e0dfdfbe, #d0ccccb8 50%)!important;
}
body.dark-mode .w-100
{
    color: #ffffff !important;
}

body.dark-mode .pro
{
    color: #000 !important;
}

body.dark-mode .montion{

    color: #000;
}
.montion{

    color: #552320;
}

body.dark-mode .back-top {

    background-image: linear-gradient(to right, #737172 0%, #6e6e6e 51%, #bababa 100%);
}


.rh{
    background: #f6f7f8 !important;
}
body.dark-mode .rh{

    background: #6d6d6d  !important;
}
.whitebox .widget {

    border-radius: 15px !important;

}
body.dark-mode .whitebox .widget {
    padding: 40px 30px !important;
    background:#6d6d6d !important;
    border-radius: 15px !important;

}

body.dark-mode ul.social-icons li a::before,
ul.social-icons-simple li a::before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    opacity: 0;
    visibility: hidden;
    background: #ff0044;
    border-radius: inherit;
    z-index: -1;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}




body.dark-mode .bg{
    object-fit: cover !important;
    filter: grayscale(50%) !important;
    transition: filter 0.3s ease !important;
}


body.dark-mode .image img {
    width: 100%; /* Ensures the image scales properly */
    border-radius: 11px; /* Matches the desired style */
    object-fit: cover; /* Ensures the image fits nicely inside its container */
    filter: grayscale(50%); /* Apply 50% grayscale by default */
    transition: filter 0.3s ease; /* Smooth transition for hover or mode changes */
}

/* Grayscale effect for dark mode */
body.dark-mode body.dark-mode .image img {
    filter: grayscale(80%); /* Increase grayscale effect in dark mode */
}

/* Remove grayscale effect on hover */
body.dark-mode .image img:hover {
    filter: grayscale(0%); /* Removes grayscale when hovered */
}

body.dark-mode .proimg img{
    object-fit: cover; /* Ensures the image fits nicely inside its container */
    filter: grayscale(50%); /* Apply 50% grayscale by default */
    transition: filter 0.3s ease; /* Smooth transition for hover or mode changes */
}

body.dark-mode ul.links li a:hover,
ul.links li a:focus,
ul.latest_news li a:hover,
ul.latest_news li a:focus,
.footer_panel p>a:hover,
.readmorebtn:hover,
.readmorebtn:focus {
    color: #9b9797 !important;
}

.navbar.fixedmenu .logo-default {
    display: block !important;
}



body.dark-mode .navbar.fixedmenu .logo-default  {
    display: block !important;
}
body.dark-mode .navbar.fixedmenu .logo-scrolled {
    display: NONE !important;
}


body.light-mode .navbar.fixedmenu .logo-default  {
    display: NONE !important;
}
body.dark-mode .brand{
    background:#fff  !important;
}


body.light-mode .navactive{
    color:#f5bb00 !important;
}
body.dark-mode .navactive{
    color:#f5bb00 !important;
}

.okp:hover{
    background:  #7d1430 !important;
  }
  .okp::after{
    background:  #7d1430 !important;
  }











/* Theme Switcher Container */
.theme-switcher {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 1000;
}
  /* General Button Styles */
  .theme-btn {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.3s;
  }

  /* Light Theme Button Styles */
  .btn-clair {
    background-color: #f9f9f9;
    color: #7d1430 ; /* Nouvelle couleur pour le soleil (orange vif) */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  .btn-clair:hover {
    background-color: #fff;
    transform: scale(1.1);
  }

  /* Dark Theme Button Styles */
  .btn-sombre {
    background-color: #333;
    color: #f1c40f; /* Couleur de la Lune */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  .btn-sombre:hover {
    background-color: #444;
    transform: scale(1.1);
  }

  /* Active Button Styles */
  .theme-btn.selected {
    border: 4px solid #7d1430 ;
  transform: scale(1.1);
  }

  /* Light Mode Styles */
  body.light-mode {
    background-color: #ffffff;
    color: #333333;
    transition: background-color 0.4s ease, color 0.4s ease;
  }

  /* Dark Mode Styles */
  body.dark-mode {
    background-color: #121212;
    color: #f9f9f9;
    transition: background-color 0.4s ease, color 0.4s ease;
  }


/*

  .theme-switcher {
position: fixed;
right: 20px;
top: 63%;
transform: translateY(-50%);
z-index: 1000;
}


.theme-toggle {
background: #7d1430;
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: background 0.3s ease, transform 0.3s ease;
}

.theme-toggle:hover {
background: #fff;
transform: scale(1.1);
}

.theme-icon {
font-size: 24px;
color: #fff;
transition: color 0.3s ease;
}



body.dark-mode {
background-color: #121212;
color: #ffffff;
}





body.dark-mode .theme-toggle {
background: #1e1e1e;
}

body.light-mode .theme-toggle {
background:rgb(180 176 176);
color:#fff;
}

body.dark-mode .theme-toggle {
background:#ffffff;

}

body.dark-mode .theme-icon {
color: #ffd700;
}

body.light-mode .theme-icon {
color: #843034;
}

*/












body.dark-mode header,
body.dark-mode footer,
body.dark-mode .navbar,
body.dark-mode .site-header,
body.dark-mode .transparent-bg,
body.dark-mode .bgdark,
body.dark-mode .bglight {
background-color: #1e1e1e !important;
color: #ffffff !important;
}

body.dark-mode .darkcolor {
color: #ffffff !important;
}

body.dark-mode .darkcolor {
    color: #ffffff !important;
    }




body.dark-mode .gradient-bg {
    -webkit-background-size: 200% auto;
    background-size: 200% auto;

    background-image: linear-gradient(to right, #5c5b5c 0%, #d1cccd 51%, #e8e8e8 100%);
}






/* Changement d'icône en mode sombre */
body.dark-mode .theme-icon {
color: #ffd700; /* Couleur de l'icône en mode sombre */
}

.dark-logo {
display: none;
}

/* Afficher le logo sombre en mode sombre */
body.dark-mode .dark-logo {
display: block;
}

/* Masquer le logo clair en mode sombre */
body.dark-mode .light-logo {
display: none;
}










/* Masquer le logo clair en mode sombre */
body.dark-mode .light-logo {
display: none;
}


/* Afficher le logo clair par défaut */
.light-logo {
    display: block;
    }