/*********darkmode************/
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: transparent;}
.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: transparent;}
.darkmode .bkbg3 { background: transparent;}
.darkmode .bkbg0 { background: transparent;}
.darkmode .bkbg1 { background: transparent;}
.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 .blueket-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 .blueketcotactform-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: 0px 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;}  }


/*update 1.2*/
.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);}