body.header-animated #header.scrolled{
background-color: #000
}


#grav-login {
  background-color: #1f0044;
}



body.light-gray {
background-color: #B8B8B9;
color: #1f1f1f;
}

body.light-gray a {
color: #2f4f9f;
}
body.light-gray a:hover {
color: #4f6fd0;
}

body.light-gray h1,
body.light-gray h2,
body.light-gray h3,
body.light-gray h4,
body.light-gray h5,
body.light-gray h6 {
color: #111;
}

body.light-gray hr {
border-color: #9c9c9e;
}

body.light-gray .tabs-wrapper {
background-color: #C4C4C5; 
border: 1px solid #AFAFB0;
border-radius: 10px;
}

body.light-gray .tabs-nav a {
background-color: #D0D0D1;
color: #222;
}

body.light-gray .tabs-nav .current a {
background-color: #AFAFB0; 
color: #000;
}

body.light-gray .tab {
background-color: #C8C8C9;
color: #1f1f1f;
}

body.light-gray .ui-slider .swiper-slide {
background-color: #B8B8B9 !important;
color: #1f1f1f !important;
}

body.light-gray .ui-slider .swiper-button-next,
body.light-gray .ui-slider .swiper-button-prev {
color: #333 !important;
}

body.light-gray .ui-slider .swiper-pagination-bullet {
background: #888 !important;
}
body.light-gray .ui-slider .swiper-pagination-bullet-active {
background: #2f4f9f !important;
}

body.light-gray .accordion-wrapper > div {
background-color: #C4C4C5 !important;
border: 1px solid #AFAFB0 !important;
}

body.light-gray .accordion-wrapper label {
background-color: #D0D0D1 !important;
color: #111 !important;
}

body.light-gray .accordion-wrapper article {
background-color: #C8C8C9 !important;
color: #1f1f1f !important;
}

.feature-icon.dark-moder h6 {
background: #AFAFB0; 
color: #111;
}


/* Darkmode 2--------------------------------- */
body.gray-dark {
  background-color: #1f1f23;
  color: #e4e4e7;
}

body.gray-dark a {
  color: #8ab4f8;
  transition: color 0.2s ease;
}
body.gray-dark a:hover {
  color: #a5c8ff;
}

body.gray-dark h1,
body.gray-dark h2,
body.gray-dark h3,
body.gray-dark h4,
body.gray-dark h5,
body.gray-dark h6 {
  color: #fafafa;
 }
 
body.gray-dark .ieature-icon h6,
body.gray-dark .modular-features h6{
background: #1f1f23;!important

}

body.gray-dark hr {
  border-color: #3a3a40;!important
}

body.gray-dark .tabs-wrapper {
  background-color: #26262b;
  border: 1px solid #3a3a40;
  border-radius: 10px;
  backdrop-filter: blur(6px);
}

body.gray-dark .tabs-nav a {
  background-color: #2e2e33;
  color: #d0d0d5;
  border-radius: 8px 8px 0 0;
  transition: background 0.2s ease;
}

body.gray-dark .tabs-nav .current a {
  background-color: #3a3a40;
  color: #fff;
}

body.gray-dark .tab {
  background-color: #242428;
  color: #d8d8dc;
  padding: 1em;
  border-radius: 0 0 10px 10px;
}

body.gray-dark .ui-slider,
body.gray-dark .ui-slider .swiper-container,
body.gray-dark .ui-slider .swiper-wrapper,
body.gray-dark .ui-slider .swiper-slide {
  background-color: #1f1f23 !important;
  color: #e4e4e7 !important;
  border: none !important;
}

body.gray-dark .ui-slider .swiper-slide {
  background-color: #1f1f23 !important;
  opacity: 1 !important;
}

body.gray-dark .ui-slider .swiper-button-next,
body.gray-dark .ui-slider .swiper-button-prev {
  color: #b5b5bb !important;
}

body.gray-dark .ui-slider .swiper-pagination-bullet {
  background: #555 !important;
}
body.gray-dark .ui-slider .swiper-pagination-bullet-active {
  background: #8ab4f8 !important;
}

body.gray-dark .tabs-wrapper.ui-theme-badges .tabs-nav li a {
  background: #32323a;
  color: #ccc;
  border-radius: 6px;
}
body.gray-dark .tabs-wrapper.ui-theme-badges .tabs-nav li.current a {
  background: #4a4a55;
  color: #fff;
}

body.gray-dark .accordion-wrapper {
  background-color: #1f1f23 !important;
  color: #e4e4e7 !important;
}

body.gray-dark .accordion-wrapper > div {
  background-color: #26262b !important;
  border: 1px solid #3a3a40 !important;
  border-radius: 8px !important;
}

body.gray-dark .accordion-wrapper label {
  background-color: #2e2e33 !important;
  color: #f5f5f7 !important;
  transition: background 0.2s ease;
}

body.gray-dark .accordion-wrapper label:hover {
  background-color: #3a3a40 !important;
}

body.gray-dark .accordion-wrapper article {
  background-color: #242428 !important;
  color: #d8d8dc !important;
}