body.darkmode {
  background: var(--black-color);
  color: var(--white-color);
}
.darkmode h1,
.darkmode h2,
.darkmode h3,
.darkmode h4,
.darkmode h5,
.darkmode h6,
.darkmode p {
  color: var(--white-color);
}
.darkmode .brandlogo .light {
  display: block;
}
.darkmode .brandlogo .dark {
  display: none;
}
.darkmode .footer-logo-sw .light {
  display: block;
}
.darkmode .footer-logo-sw .dark {
  display: none;
}
.darkmode .sidedarklogo {
  display: none;
}
.darkmode .sidewhitelogo {
  display: block;
}
.darkmode .demo-1-hero {
  background: url(../images/background/swt-bg-design.png) no-repeat !important;
}
.darkmode .service-row-block {
  background: 0 0;
}
.darkmode .text-gradient-1 {
  background: var(--gradient-0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.darkmode .header .menu > ul > li > a {
  color: var(--white-color);
}
.darkmode .header .menu > ul > li .menu-subs {
  background: var(--black-bg-3);
  border-top: 2px solid var(--color-yellow-lite);
}
.darkmode .header .menu > ul > li .menu-subs > ul > li > a {
  color: var(--white-color);
}
.darkmode .aboutblock {
  background: var(--black-bg-1);
}
.darkmode .counter-setdiv p {
  color: var(--color-yellow-lite);
}
.darkmode .bkbg2 {
  background: 0 0;
}
.darkmode .bkbg3 {
  background: 0 0;
}
.darkmode .bkbg0 {
  background: 0 0;
}
.darkmode .bkbg1 {
  background: 0 0;
}
.darkmode .inline-btn {
  color: var(--white-color);
}
.darkmode .tech-block {
  background: var(--black-bg-2);
}
.darkmode .bg-efffect-1:after {
  background: url(../images/shape/blur-3.png);
  background-position: right top;
  background-size: 100%;
  background-repeat: no-repeat;
}
.darkmode a.btgs {
  color: var(--bs-body-bg);
  background: var(--black-bg-3);
}
.darkmode .sw-tabs-links .nav-tabs .nav-link {
  color: var(--white-color);
  background-color: var(--black-bg-2);
}
.darkmode .sticky {
  background: rgb(24 24 24/80%);
}
.darkmode .BM-card-noise {
  background: url(../images/shape/noise.png) var(--white-lite-2);
  border-color: var(--bs-gray-700);
}
.darkmode .black-bg-1 {
  background: var(--black-bg-1);
}
.darkmode .darkbg2 {
  background: var(--black-bg-2);
}
.darkmode .bdrwor {
  border: 1px solid var(--black-bg-3);
}
.darkmode .bdrwor-rt {
  border-right: 1px solid var(--black-bg-3);
}
.darkmode .cardlinkfooter {
  border-top: 1px solid var(--black-bg-3);
}
.darkmode .linkiconsw {
  border-left: 1px solid var(--black-bg-3);
}
.darkmode .swbluketcard:hover {
  background: var(--black-bg-2);
}
.darkmode .BMcotactform-sw {
  background: var(--black-bg-2);
}
.darkmode .contactinkediv a {
  color: var(--white-color);
}
.darkmode .sw-orange-btn,
.darkmode .sw-blue-btn,
.darkmode .header-item-right .menu-icon {
  box-shadow: none;
}
.darkmode .footer-links ul li a {
  color: var(--white-color);
}
.darkmode .footerbg1:after {
  background: url(../images/shape/blur-6.png);
  background-position: center bottom;
  background-size: 80%;
  background-repeat: no-repeat;
}
.darkmode .swhr {
  border-top: 1px solid var(--black-bg-3);
}
.darkmode .list-h-styled li a,
.darkmode .footercreditnote a {
  color: var(--white-color);
}
.darkmode .list-h-styled li::after {
  background-color: var(--white-color);
}
.darkmode .footer-social-sw a {
  color: var(--white-color);
}
.darkmode .what-in-plan-sw {
  border-top: 2px solid var(--black-bg);
}
.darkmode .form-controls {
  color: var(--white-color);
  background-color: var(--black-bg-2);
  border: 1px solid var(--black-bg-3);
}
.darkmode .blur-bg-a {
  opacity: 70%;
}
.darkmode .blur-bg-b {
  opacity: 40%;
}
.darkmode::-webkit-scrollbar-track {
  background: var(--black-bg);
}
.darkmode .swbdr {
  border: 1px solid var(--black-bg-3);
}
.darkmode .cardaclr a {
  color: var(--white-color);
}
.darkmode .swbdr:hover {
  border: 1px solid var(--bs-gray-600);
  background: var(--black-bg-4);
  box-shadow: 0 10px 20px -5px rgb(0 0 0/10%);
}
.darkmode .sw-tabs-links .nav-tabs .nav-link:hover {
  background-color: var(--orange-color);
  color: var(--white-color);
}
.darkmode .dotinswbdr:before {
  border: 1px solid var(--white-color);
}
.darkmode .sw-tabs-links .nav-tabs .nav-item.show .nav-link,
.darkmode .sw-tabs-links .nav-tabs .nav-link.active {
  background-color: var(--orange-color);
  border-color: transparent;
  color: var(--white-color);
}
.darkmode .form-controls::placeholder {
  color: var(--white-color);
}
.darkmode .form-controls:-ms-input-placeholder {
  color: var(--white-color);
}
.darkmode .form-controls::-ms-input-placeholder {
  color: var(--white-color);
}
.darkmode .career-link-btn-sw a {
  color: var(--white-color);
}
.darkmode .carrerlinkandimg {
  border: dashed 1px var(--black-bg-3);
}
.darkmode .carrerlinkandimg:hover {
  border-color: var(--orange-color);
}
.darkmode .sw-hover-1 a:hover {
  color: var(--color-yellow-lite);
}
.darkmode .sw-hover-2 a:hover {
  color: var(--color-yellow-lite);
}
.darkmode .breadcrum-area {
  background: var(--black-bg-2);
}
.darkmode .overtheimg {
  background: var(--black-bg-2);
}
.darkmode .accordion-button:not(.collapsed),
.darkmode .accordion-button {
  color: var(--white-color);
}
.darkmode .dashedbdr {
  border: dashed 1px var(--black-bg-3);
}
.darkmode .dashedbdr:hover {
  border: dashed 1px var(--color-yellow-lite);
}
.darkmode .port-ref-link a span {
  color: var(--white-color);
}
.darkmode .filters li,
.darkmode .teamsocialprofile div a {
  color: var(--white-color);
}
.darkmode .filters li.active {
  color: var(--bs-body-bg);
  background: var(--black-bg-3);
  border-bottom: 1px solid var(--orange-color);
}
.darkmode .latestpost {
  border-bottom: 1px solid var(--black-bg-3);
}
.darkmode .cardtitlemain,
.darkmode .contactnumberdiv a {
  color: var(--white-color);
}
.darkmode .itmquickinfo a {
  color: var(--white-color);
}
.darkmode .pagination-block .page-link {
  color: var(--bs-body-bg);
  background-color: var(--black-bg-2);
  border: 1px solid var(--black-bg-3);
}
.darkmode .pagination-block .page-link:hover {
  background: var(--black-bg-3);
}
.darkmode .sidebartitle h6 {
  color: var(--black-color-0);
}
.darkmode .blog-postinfos span {
  color: var(--bs-body-bg);
}
.darkmode .scriptheading {
  color: var(--orange-color);
}
.darkmode .carrerlinkandimg:hover {
  border-color: var(--color-yellow-lite);
}
.darkmode .list-h-styled li {
  color: var(--color-yellow-lite);
}
.darkmode .blogstags,
.darkmode .offcanvas {
  background: var(--black-bg-3);
  color: var(--white-color);
}
.darkmode .contactpagefullform {
  background: var(--black-bg-2);
}
.darkmode .connectwithus a {
  color: var(--white-color);
}
.darkmode .mediainfoblock a.contactlink,
.darkmode .quote-text,
.darkmode .techusedin-sw span {
  color: var(--color-yellow-lite);
}
.darkmode .techusedin-sw span:after {
  background-color: var(--color-yellow-lite);
}
.darkmode .img-client-logo-cell {
  border: 1px solid var(--white-lite-2);
}
.darkmode .fwc h2,
.darkmode .fwc p,
.darkmode .fwc a {
  color: var(--black-color);
}
@media only screen and (max-width: 1199px) {
  .darkmode .sticky {
    background: rgb(24 24 24/100%) !important;
  }
}
.darkmode.darkmode .black-bg-0 {
  background: var(--black-bg);
}
.darkmode .bgimg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.darkmode .demo-3-hero {
  background: url(../images/shape/wave-bg-dark.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.darkmode .cardicon-out,
.darkmode .sw-card {
  background: var(--black-bg-2);
}
.darkmode .sw-cl-3,
.darkmode .sw-cl-2,
.darkmode .sw-cl-1 {
  background: var(--black-bg-4);
}
.darkmode
  .header
  .menu
  > ul
  > li
  .menu-subs.menu-mega
  > .list-item
  > ul
  > li
  > a {
  color: var(--white-color);
}
.darkmode .linebg {
  background-image: repeating-linear-gradient(
      90deg,
      hsla(196, 0%, 79%, 0.06) 0px,
      hsla(196, 0%, 79%, 0.06) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      hsla(196, 0%, 79%, 0.06) 0px,
      hsla(196, 0%, 79%, 0.06) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      hsla(196, 0%, 79%, 0.09) 0px,
      hsla(196, 0%, 79%, 0.09) 1px,
      transparent 1px,
      transparent 12px
    ),
    repeating-linear-gradient(
      90deg,
      hsla(196, 0%, 79%, 0.09) 0px,
      hsla(196, 0%, 79%, 0.09) 1px,
      transparent 1px,
      transparent 12px
    ),
    linear-gradient(90deg, rgb(14 14 14), rgb(14 14 14));
}
.darkmode .form-control {
  background: var(--black-bg-2);
  border: 1px solid var(--black-bg-3);
}
.darkmode .form-btm-set h5 {
  background: var(--black-bg-2);
}
.darkmode .maplayer {
  background: linear-gradient(to right, var(--black-color) 80%, #ff1f8e00 100%);
}
.darkmode .contact-block-sw {
  background: var(--black-bg-2);
}
.darkmode .form-block input,
.darkmode .form-block select,
.darkmode .form-block textarea {
  background: var(--black-bg-2);
  color: var(--white-color);
}
.darkmode .floating-label label {
  color: var(--white-color);
  background: var(--black-bg-2);
}
.darkmode #contactform .error-label .error {
  background: var(--black-bg-2);
}
.darkmode .form-block input,
.darkmode .form-block select,
.darkmode .form-block textarea {
  border-bottom: 2px solid var(--black-bg-3);
}
.darkmode .demo2counter .counter-setdiv,
.darkmode .demo-5-hero,
.darkmode .frncnav {
  background: var(--black-bg-2);
}
.darkmode .roundiconwithdata,
.darkmode .followaccounts .mediablock {
  border-color: var(--black-bg-3);
  background: var(--black-bg-2);
}
.darkmode .form-inputs label {
  color: var(--bg-b3);
}
.darkmode .bg--1,
.darkmode .ptbody-aa1 {
  background: var(--black-bg-2);
}
.darkmode .bg--2 {
  background: var(--black-bg-1);
}