/*********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-power .light{display: block;} 
.darkmode .footer-logo-power .dark{display: none;} 
.darkmode .sidedarklogo{display: none;} 
.darkmode .sidewhitelogo{display: block;} 
.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: 5px solid var(--green-color); }
.darkmode .header .menu>ul>li .menu-subs>ul>li>a {color: var(--white-color);}
.darkmode .header .menu-mobile-toggle span {background: var(--white-color); !important;}
.darkmode .header .menu > ul > li .menu-subs > ul > li > a:hover {color: var(--green-color) !important;}
.darkmode .header .menu .menu-mobile-header .menu-mobile-arrow {background: var(--green-color); color: var(--black-color);}
.darkmode .header .menu .menu-mobile-header .menu-mobile-close {background: var(--green-color); color: var(--black-color);}
.darkmode .aboutblock {background: var(--black-bg-1);}
.darkmode .power-two-counter .counter-setdiv {background: var(--black-bg-3); border: 1px solid var(--black-color-4);}
.darkmode .counter-setdiv p {color: var(--green-color);} 
.darkmode .powerbg {background: transparent;}
.darkmode .powerbg-dark {background: url(../images/common/backgrounds/ad-noise.png) var(--black-bg-2);}
.darkmode .powerbg-one {background: var(--black-bg-1);}
.darkmode .powerbg-two {background: var(--black-bg-2);}
.darkmode .inline-btn {color: var(--white-color);}
.darkmode .inline-btn2 {color: var(--white-color);}
.darkmode .inline-btn:hover {color: var(--green-color);}
.darkmode .inline-btn2:hover {color: var(--green-color);}
.darkmode .industrybg {background: var(--black-color);}
.darkmode .industrybg:after {background: url(../images/common/backgrounds/industry-bg.png)f; 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 a.btgspower {color: var(--black-color); background: var(--green-color);}
.darkmode .power-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 .megaone-card-noise {background: url(../images/common/backgrounds/ad-noise.png) var(--black-color); border-color: var(--black-color-3);} 
.darkmode .powerbdr {border: 1px solid var(--black-bg-3);}
.darkmode .powerbdr:hover {border: 1px solid var(--black-color-2); background: var(--black-bg-1); box-shadow: 0px 10px 20px -5px rgb(0 0 0 / 10%);}
.darkmode .powerbdr1:hover {box-shadow: 0px 10px 40px -5px rgb(153 194 34 / 40%);}
.darkmode .powerbdr1:hover .lnkarrow {background: url(../images/common/backgrounds/ad-noise.png); color: var(--green-color);}
.darkmode .openings-main .powerbdr {border-top: 5px solid var(--green-color); border-right: 3px solid var(--green-color);}
.darkmode .openings-main .powerbdr:hover {border: 1px solid var(--green-color); box-shadow: 0px 10px 20px -5px rgb(153 194 34 / 40%);}
.darkmode .openings-main .powerbdr:hover .lnkarrow {color: var(--green-color);}
.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 .linkiconpower {border-left: 1px solid var(--black-bg-3); }
.darkmode .powermegaonecard:hover {background: var(--black-bg-2);}
.darkmode .powermegaonecard:hover .linkiconpower {background: var(--green-color); color: var(--black-color);}
.darkmode .megaonecotactform-power {background: var(--black-bg-2); }
.darkmode .contactinkediv a {color: var(--white-color);}
.darkmode .power-pink-btn, .darkmode .power-blue-btn, .darkmode .header-item-right .menu-icon {box-shadow: none;}
.darkmode .footer-links ul li a {color: var(--white-color); }
.darkmode .footerbg:after {background: url(../images/common/backgrounds/footer-bg-dark.png); background-position: center bottom; background-size: 80%; background-repeat: no-repeat;}
.darkmode .powerhr {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-power a {color: var(--white-color); border: 2px solid var(--white-color);}
.darkmode .footer-social-power a:hover {color: var(--green-color) !important; border: 2px solid var(--green-color);}
.darkmode .what-in-plan-power {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 .cardaclr a {color: var(--white-color);}
.darkmode .power-tabs-links .nav-tabs .nav-link:hover {background-color: var(--pink-color);  color: var(--white-color);}
.darkmode .dotinpowerbdr:before {border: 1px solid var(--white-color);}
.darkmode .power-tabs-links .nav-tabs .nav-item.show .nav-link, .darkmode .power-tabs-links .nav-tabs .nav-link.active {background-color: var(--pink-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-power a {color: var(--white-color);}
.darkmode .carrerlinkandimg {border: dashed 1px var(--black-bg-3);}
.darkmode .carrerlinkandimg:hover {border-color: var(--pink-color);} 
.darkmode .power-hover-1 a:hover {color: var(--green-color) !important;} 
.darkmode .power-hover-2 a:hover {color: var(--green-color) !important;} 
.darkmode .breadcrum-area {background: var(--black-bg-2);}
.darkmode .overtheimg {background: url(../images/common/backgrounds/ad-noise.png) var(--black-bg-2);} 
.darkmode .accordion-button:not(.collapsed), .darkmode .accordion-button {color: var(--white-color);}
.darkmode .dashedbdr {border: dashed 1px var(--white-color);}
.darkmode .dashedbdr:hover {border: dashed 1px var(--green-color);}
.darkmode .dashedbdr-vision {border: dashed 1px var(--white-color);}
.darkmode .dashedbdr-vision:hover {border: dashed 1px var(--green-color);}
.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(--pink-color);}
.darkmode .latestpost {border-bottom: 1px solid var(--black-bg-3);} 
.darkmode .cardtitlemain, .darkmode .contactnumberdiv a {color: var(--white-color);}
.darkmode .contactnumberdiv a:hover {color: var(--green-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(--white-color);} 
.darkmode .blog-postinfos span {color: var(--bs-body-bg);}
.darkmode .scriptheading {color: var(--green-color);} 
.darkmode .carrerlinkandimg:hover {border-color: var(--green-color);} 
.darkmode .list-h-styled li {color: var(--green-color);}
.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-power span {color: var(--green-color);}
.darkmode .techusedin-power span:after {background-color: var(--green-color);}
.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 .cardicon-out {background: var(--white-color);}
.darkmode .power-card {background: var(--black-bg-2);}
.darkmode .power-cl-3, .darkmode .power-cl-2, .darkmode .power-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 {border: 1px dashed var(--white-color);} 
.darkmode .form-btm-set h5 {border: 1px dashed var(--white-color); background: var(--black-color);} 
.darkmode .maplayer {background: linear-gradient(to right,var(--black-color) 80%,#ff1f8e00 100%);}
.darkmode .contactblk {background: var(--black-bg-2);}
.darkmode .contact-block-power {background: var(--black-bg-2);}
.darkmode .form-block input, .darkmode .form-block select, .darkmode .form-block textarea {background: var(--black-bg-3); color: var(--white-color);}
.darkmode .form-block input, .darkmode .form-block select {border-bottom: 3px solid var(--black-color-3);}
.darkmode .form-block textarea {border-bottom: 6px solid var(--black-color-3);}
.darkmode .power-five-hero, .darkmode .frncnav {background: var(--black-bg-2);}
.darkmode .floating-label label {color: var(--white-color);  background: var(--black-bg-2);}
.darkmode #contactform .error-label .error{background: var(--black-bg-2);}
.darkmode .followaccounts .mediablock {border-color: var(--black-bg-3); background: var(--black-bg-2);}
.darkmode .roundiconwithdata {border-color: var(--black-bg-3); background: url(../images/common/backgrounds/ad-noise.png);}
.darkmode .form-inputs label{color: var(--white-bg-1);}
.darkmode .ptbody-aa1 {background: url(../images/common/backgrounds/ad-noise.png);}
.darkmode .dashbefore:before {background: var(--green-color);}
.darkmode .services-main .powerbdr:hover .lnkarrow {color: var(--green-color);}
.darkmode .services-main .powerbdr:hover {border: 1px solid var(--green-color); box-shadow: 0px 10px 20px -5px rgb(37 92 153 / 40%);}
.darkmode .services-main .powerbdr {position: relative; border-top: 5px solid var(--green-color);}
.darkmode .linktitle a:hover {color: var(--green-color);}
.darkmode .mediablock a:hover {color: var(--green-color);}
.darkmode .megaonelist a:hover {color: var(--green-color);}