:root {
  --dark-background: #1a2531;
  --dark-grey: #5b5b60;
  --white: #ffffff;
  --grey: #d4d4d5;
  --light-blue: #f7f8f9;
  --light-grey: #f8f8f8;
  --dark-bg: #24282d;
  --green-succès: #41ac6e;
  --red-danger: #de5a46;
  --orange-action: #faa44b;
  --orange-hover: #f88018;
  --blue-base: #2851e6;
  --unnamed-color-282828: #282828;
}

body.dark {
  background-color: var(--dark-bg) !important;
}

body.dark .elementor-widget-theme-site-logo img {
  filter: brightness(0) invert(1);
}

body.dark h1 {
  color: var(--white);
}

.theme-mode-checkbox {
  opacity: 0;
  position: absolute;
}

.elementor-widget-light_dark_toggle .checkbox-label {
  background-color: var(--white);
  width: 74px;
  height: 35px;
  border-radius: 23px;
  position: relative;
  padding: 3px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

i.fa.fa-moon-o {
  color: var(--grey);
  font-size: 18px;
  position: relative;
  right: 5px;
  top: 2px;
}

i.fa.fa-sun-o {
  color: var(--orange-action);
  font-size: 18px;
  position: relative;
  left: 5px;
  top: 2px;
}

.checkbox-label .ball {
  background-color: #faa44b1a;
  width: 31px;
  height: 29px;
  position: absolute;
  left: 4px;
  top: 4px;
  border-radius: 23px;
  transition: transform 0.2s linear;
}

.checkbox:checked + .checkbox-label .ball {
  transform: translateX(35px);
}

svg.lucide.lucide-sun {
  position: relative;
  left: 6px;
  top: 1px;
  z-index: 1;
}

svg.lucide.lucide-moon {
  position: relative;
  right: 5px;
  top: 1px;
  z-index: 1;
}

body.dark .elementor-widget-light_dark_toggle .checkbox-label {
  background-color: #373e44;
}

body.dark .elementor-widget-light_dark_toggle .checkbox-label .ball {
  background-color: #213ed4;
}

body.dark .elementor-widget-light_dark_toggle .lucide.lucide-moon {
  stroke: var(--white);
}

body.dark .elementor-widget-light_dark_toggle .lucide.lucide-sun {
  stroke: #d7dce0;
}

body.dark
  .elementor-93
  .elementor-element.elementor-element-343482d:not(
    .elementor-motion-effects-element-type-background
  ),
.elementor-93
  .elementor-element.elementor-element-343482d
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  background-color: #24282e;
}

body.dark
  .elementor-93
  .elementor-element.elementor-element-44e804e
  .elementor-nav-menu--main
  .elementor-item {
  color: var(--white);
  fill: var(--white);
}

body.dark
  .elementor-93
  .elementor-element.elementor-element-44e804e
  .elementor-nav-menu--main
  .elementor-item:hover,
.elementor-93
  .elementor-element.elementor-element-44e804e
  .elementor-nav-menu--main
  .elementor-item.elementor-item-active,
.elementor-93
  .elementor-element.elementor-element-44e804e
  .elementor-nav-menu--main
  .elementor-item.highlighted,
.elementor-93
  .elementor-element.elementor-element-44e804e
  .elementor-nav-menu--main
  .elementor-item:focus {
  color: var(--orange-hover);
  fill: var(--orange-hover);
}

body.dark
  .elementor-93
  .elementor-element.elementor-element-c8b8c24
  .elementor-button {
  background-color: var(--white);
  color: var(--orange-action);
}

body.dark
  .elementor-93
  .elementor-element.elementor-element-c8b8c24
  .elementor-button:hover {
  background-color: var(--white);
  color: var(--orange-hover);
}

/* body.dark
  .elementor-93
  .elementor-element.elementor-element-c84d86b
  .elementor-nav-menu--dropdown {
  background-color: var(--white);
} */

body.dark
  .elementor-93
  .elementor-element.elementor-element-c84d86b
  .elementor-nav-menu--dropdown
  a,
body.dark
  .elementor-93
  .elementor-element.elementor-element-c84d86b
  .elementor-menu-toggle,
body.dark
  .elementor-93
  .elementor-element.elementor-element-c84d86b
  .sub-arrow
  svg {
  color: var(--white);
  fill: var(--white);
}

body.dark
  .elementor-452
  .elementor-element.elementor-element-7c0332a:not(
    .elementor-motion-effects-element-type-background
  ),
body.dark
  .elementor-452
  .elementor-element.elementor-element-7c0332a
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer,
body.dark .elementor-452 .elementor-element.card,
body.dark .elementor-452 .home.contact .elementor-element-771c4a43,
body.dark footer.elementor-location-footer .elementor-element.black-bg,
body.dark .elementor-element.black-bg {
  background-color: #000000 !important;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark p,
body.dark .elementor-widget-text-editor,
body.dark
  .elementor-517
  .elementor-element.elementor-element-f2391f0
  > .elementor-widget-container
  a,
body.dark div#validate-step,
body.dark .response-message,
body.dark .multiStepForm .error-message,
body.dark
  .elementor-element.elementor-widget-theme-post-excerpt
  .elementor-widget-container {
  color: var(--white) !important;
}

body.dark .elementor-452 .elementor-button-info .elementor-button {
  background-color: var(--white);
  color: var(--orange-action);
}

body.dark .elementor-button-info .elementor-button {
  background-color: var(--white) !important;
  color: var(--orange-action) !important;
}

body.dark .elementor-452 .elementor-button-info .elementor-button:hover {
  background-color: var(--white);
  color: var(--orange-hover);
}

body.dark .elementor-452 .home-case,
body.dark .elementor-452 .home.contact .contact-form-background,
body.dark .elementor-element.contact-form-background {
  background-color: var(--dark-bg) !important;
}

body.dark .multiStepForm .btn-next:hover,
body.dark .multiStepForm .btn-prev:hover {
  color: var(--orange-hover);
}

body.dark
  .elementor-517
  .elementor-element.elementor-element-f2391f0
  > .elementor-widget-container {
  background-color: #000000;
}

body.dark
  .elementor-517
  .elementor-element.elementor-element-f2391f0
  > .elementor-widget-container
  a {
  color: var(--white);
}

body.dark
  .elementor-517
  #services-sub-menu
  .e-loop-item:hover
  .elementor-image-box-title
  a {
  color: var(--orange-action) !important;
}

body.dark .sl.elementor-widget-image img {
  filter: invert(1);
}

body.dark .arrow-circle img {
  border: 1px solid var(--orange-action);
  border-radius: 50%;
}

body.dark .process-slider .card {
  background-color: var(--dark-bg);
}

body.dark .process-slider .card .title-with-number .card-number {
  border: 1px solid var(--blue-base);
}

body.dark .elementor-element.black-bg#sidebar {
  background-color: var(--dark-bg) !important;
}
body.dark .elementor-element.black-bg.white-bg-sidebar#sidebar {
  background-color: #000000 !important;
}

body.dark .elementor-testimonial__content,
body.dark .elementor-testimonial__content:after {
  background-color: transparent;
}

body.dark .elementor-testimonial__text {
  color: var(--white);
}

body.dark span.elementor-testimonial__name,
body.dark span.elementor-testimonial__title {
  color: var(--white);
}

body.dark
  .elementor-element.design-expertise-accordian-faq
  .elementor-widget-container
  .e-n-accordion
  .e-n-accordion-item
  summary.e-n-accordion-item-title {
  background-color: #000000;
  color: var(--white);
}

body.dark
  .elementor-element.design-expertise-accordian-faq
  .elementor-widget-container
  .e-n-accordion
  .e-n-accordion-item
  summary.e-n-accordion-item-title
  svg {
  border: 1px solid var(--orange-action);
}

body.dark .faq-header {
  background-color: #000000;
}

body.dark #faqsearchForm button#submitBtn {
  background-color: var(--white);
  color: var(--orange-action);
}
body.dark #faqsearchForm button#submitBtn:hover {
  background-color: var(--white);
  color: var(--orange-hover);
}

body.dark li.filterDiv {
  background-color: #000000;
  color: var(--white);
}

body.dark #myUL li span.accordion-thumb,
body.dark #myUL li .accordion-panel {
  color: var(--white);
}

body.dark #myUL li.filterDiv h4.faqCat {
  color: var(--blue-base) !important;
}

body.dark .accordion-thumb::before {
  border: 1px solid var(--orange-action);
}