@media(prefers-color-scheme:dark) {
  .button-1 {
    color: #000;
    background: #fff;
  }

  body {
    background: #212121;
  }

  h1 {
    color: #ffffff;
  }

  h2 {
    color: #ffffff;
  }

  h3 {
    color: #ffffff;
  }

  h4 {
    color: #ffffff;
  }

  h5 {
    color: #ffffff;
  }

  h6 {
    color: #ffffff;
  }

  p {
    color: #E8E7F0;
  }

  header {
    background: #41168a 0%;
  }

  .breadcrumb li+li:before {
    padding: 6px;
    color: #ffffff;
    content: "/";
  }

  .breadcrumb-item a {
    color: #ffffff;
    text-decoration: none;
  }

  .breadcrumb-item a:hover {
    color: #E8E7F0;
  }

  .footer {
    background: #41168a 0%;
  }

  .copyright-font {
    color: #ffffff;
  }

  .button-1 {
    background: #ffffff;
    color: #1A135A;
  }

  .button-1:hover {
    background: #E8E7F0;
    box-shadow: 0px 2px 4px rgba(51, 76, 92, 0.30);
  }

  .button-circle-1 {
    background: #ffffff;
    color: #1A135A;

  }

  .button-circle-1:hover {
    background: #E8E7F0;
  }

  .button-circle-2 {
    background: #E8E7F0;
    box-shadow: 0px 2px 4px rgba(51, 76, 92, 0.30);
    color: #1A135A;
  }

  .button-circle-2:hover {
    background: #C9C7D6;
  }

  .fc-p {
    color: #E8E7F0;
  }

  .bxtealbdr {
    background: #007B88;
  }

  .bxdktealbdr {
    background: #005A64;
  }

  .bxlimebdr {
    background: #71A31E;
  }

  .bxdklimebdr {
    background: #4E7213;
  }

  .bxgoldbdr {
    background: #B7750C;
  }

  .bxdkgoldbdr {
    background: #8E5905;
  }

  .bkgdlp {
    background: #201462;
  }

  .bkgdcgradient {
    background: #201462;
  }

  .accordion {
    background-color: #007B88;
    color: #ffffff;
    border-top: #ffffff;
    border-bottom: #ffffff;
  }

  .accordion:hover {
    background-color: #005A64;
  }

  .accordion:after {
    color: #ffffff;
  }

  .project-card {
    background-color: #651BB7;
  }

  .project-card-bottom {
    background-color: #41168a;
  }

  .bkgdblue {
    background: #201462;
  }

  .grid-1x4-3bxhalfl {
    background: #651BB7;
  }

  .grid-1x4-3bxhalflm {
    background: #007B88;
  }

  .grid-bx-prl {
    background: #651BB7;
  }

  .grid-bx-tl {
    background: #007B88;
  }

  .grid-1x4l {
    background: #651BB7;
  }

  .grid-1x4lm {
    background: #007B88;
  }

  .grid-1x4rm {
    background: #71A31E;
  }

  .grid-1x4r {
    background: #0F39A4;
  }

  li {
    color: #ffffff;
  }
  .grid-bx-prl-txtaln {
    background:#41168a;
  }

  .nav-menu a {
    color: #ffffff;
  }

  .nav-menu a:hover {
    border-bottom: 3px solid #C9C7D6;
    color: #C9C7D6;
  }

  .nav-menu a.active {
    border-bottom: 3px solid #ffffff;
  }
}

@media screen and (prefers-color-scheme:dark) and (min-width: 768.1px) and (max-width: 1126px) {
  .nav-menu {
    background-color: #000000;
  }
}

@media screen and (prefers-color-scheme:dark) and (max-width:768px) {

  .nav-menu {
    background-color: #000000;
  }

}