/*********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 .powerone-hero {background: url(../images/common/backgrounds/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: 5px solid var(--green-color); }
.darkmode .header .menu>ul>li .menu-subs>ul>li>a {color: var(--white-color);}
.darkmode .header .menu>ul>li .menu-subs>ul>li>a:hover {color: var(--green-color) !important;}
.darkmode .header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a {color: var(--white-color);}
.darkmode .header .menu-mobile-toggle span {background: var(--white-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 .counter-setdiv p {color: var(--green-color);} 
.darkmode .powerbg {background: transparent;}
.darkmode .inline-btn {color: var(--white-color);}
.darkmode .inline-btn2 {color: var(--white-color);}
.darkmode .tech-block {background: var(--black-bg-2);} 
.darkmode .inline-btn:hover {color: var(--green-color);}
.darkmode .industry-bg:after {background: url(../images/common/backgrounds/industry-bg.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 .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/noise.png) var(--white-lite-2); border-color: var(--bs-gray-700);}
.darkmode .powerbg-one {background: var(--black-bg-1);}
.darkmode .powerbg-two {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 .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 {background: var(--black-bg-2);}
.darkmode .contactinkediv a {color: var(--white-color);}
.darkmode .contactnumberdiv a:hover {color: var(--green-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: 1px solid var(--white-color);}
.darkmode .footer-social-power a:hover {color: var(--green-color); 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 .powerbdr { border: 1px solid var(--black-bg-3);}
.darkmode .cardaclr a {color: var(--white-color);}
.darkmode .powerbdr: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 .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(--white-color); color: var(--white-color);}
.darkmode .carrerlinkandimg:hover {border-color: var(--green-color); color: var(--green-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: 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(--green-color);}
.darkmode .dashedbdr-vision:hover {border: dashed 1px var(--white-color);}
.darkmode .port-ref-link a span {color: var(--white-color);}
.darkmode .filters li, .darkmode .teamsocialprofile div a {color: var(--white-color);}
.darkmode .teamsocialprofile div a {color: var(--white-color); border: 2px solid var(--white-color);}
.darkmode .teamsocialprofile a:hover {color: var(--green-color) !important; border: 2px solid var(--green-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 .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(--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) !important;}
.darkmode .connectwithus a:hover {color: var(--green-color) !important;}
.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 .black-bg-0 {background: var(--black-bg);}
.darkmode .bgimg{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.darkmode .powerthree-hero {background-repeat: no-repeat; background-size: cover; background-position: top center;}
.darkmode .cardicon-out, .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 .cdr-bdr {border: 1px dashed var(--white-color-2);}
.darkmode .cdr-bdr:hover {border: 1px dashed var(--green-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%, var(--white-color) 100%);}
.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-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 .powerfive-hero, .darkmode .frncnav {background: var(--black-bg-2);}
.darkmode .powertwo-counter .counter-setdiv {background: var(--black-bg-2); border: 1px dashed var(--blue-color-0);}
.darkmode .followaccounts .mediablock {border-color: var(--black-bg-3); background: var(--black-bg-2);}
.darkmode .roundiconwithdata {border-color: var(--blue-color-0); background: url(../images/common/backgrounds/ad-noise.png);}
.darkmode .form-inputs label{color: var(--white-bg-1);}
.darkmode .powerbg-dark, .darkmode .ptbody-aa1 {background: url(../images/common/backgrounds/ad-noise.png);}
.darkmode .dashbefore:before {background: var(--green-color);}
.darkmode .linktitle a:hover {color: var(--green-color);}
.darkmode .power-cl-1:hover, .darkmode .power-cl-2:hover, .darkmode .power-cl-3:hover, .darkmode .power-cl-4:hover {border: 1px dashed var(--green-color);}
.darkmode .services-main .powerbdr {position: relative; border-top: 5px solid var(--green-color);}
.darkmode .services-main .powerbdr:hover {border: 1px solid var(--green-color); box-shadow: 0px 10px 20px -5px rgb(153 194 34 / 40%);}
.darkmode .services-main .powerbdr:hover .lnkarrow {color: var(--green-color);}
.darkmode .ceo-roundimg img {content: url(../images/team/ceo-dark.png)}