body.dark {
    background-color: #02061c;
    color: #fff;
}

#02061c

body.dark {
  --primary20: #2c2c2c;
}

body.dark .scheme {
    background-color: #02061c;
}

body.dark header {
    background-color: #02061c;
}
body.dark .linetext{
    background: #02061c;
}
body.dark .projectcard{
    background: #1c1b1b;
}
body.dark .datetime-text{
    color: #fff;
}
body.dark .datetime-box img{
    filter: brightness(0) invert(1);
}
body.dark .dateful img{
    filter: brightness(0) invert(1);
}
body.dark .accessbtn span{
    color: #fff;
}
body.dark .latsetnews{
    background: #2c2c2c;
}
body.dark .latest-cont{
    background:#02061c;
}
body.dark .latest-cont:hover{
    background: #000000;
}
body.dark .project-con .desc{
    color: #fff;
}
body.dark .service-con{
   background: #02061c; 
}
body.dark .service2-slider::after{
    background:#2c2c2c;
}
body.dark .tracking{
    background:linear-gradient(0deg, var(--primary50) 35%, #02061c 35%);
}
body.dark .counterbx{
    background:#1c1b1b;
}
    
body.dark .gallery::after{
    background:#2c2c2c;
}

body.dark .arow-bx::after{
    filter: brightness(0) invert(1);
}
body.dark .tree li::before, .tree li::after{
    border-top: 2px solid #8e8188;
}
body.dark .dataTables_length{
        color: #ffffff;
}
body.dark .tree li:first-child::before, .tree li:last-child::after {
    border: none;
}

body.dark .mytable td, .mytable th{
    color:#ffffffeb;
}
body.dark .mytable td a{
    color:#ffffffeb;
}
body.dark .mytable tr:hover {
    background: #180911;
}
body.dark .pagenum{
    color: #ffffff;
}
body.dark ul.pagination li .page-link{
    background: transparent;
    color: #fff;
}
body.dark .myaccordion .accordion-button:not(.collapsed) {
    background: #303030;
    color: rgb(255 255 255 / 95%);
}
body.dark .associates ul li a{
    color: rgb(255 255 255 / 95%);
}
body.dark .associates ul li{
    color: rgb(255 255 255 / 95%);
}


body.dark .office-card .desc{
    color: rgb(255 255 255 / 95%);
}
body.dark .office-card .designation p {
    color: #c5c5c5;
}
body.dark .ofice-cont .add-box p a{
    color:rgb(255 255 255 / 82%);
}
body.dark .outlinetable thead th {
    background: #ffffff;
}


body.dark .mylist li{
    color: rgb(255 255 255 / 95%);
}
body.dark .sublist li{
    color: rgb(255 255 255 / 95%);
}
body.dark .inlist li{
    color: rgb(255 255 255 / 95%);
}
body.dark .report-bx p {
    color: #02061c;
}


body.dark header::before{
    background-color: rgb(0 0 0 / 50%);
}

body.dark .mylist, .sublist, .genlist{
    color:rgb(255 255 255 / 70%);
}

body.dark header.active {
    background-color: black;
    box-shadow: 0 10px 20px 0px rgb(0 0 0 / 55%);
}

body.dark header .megamenu .mainli {
    color: rgb(255 255 255 / 70%);
}
body.dark header .menubtn img {
    filter: brightness(0) invert(1);
}
.white-logo {
    display: none !important;
}
body.dark header .white-logo {
    display: block !important;
}
body.dark header .black-logo {
    display: none !important;
}
body.dark .iconlink {
    background-color: black;
    color: rgb(255 255 255 / 70%);
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark .accessbox {
    background-color: #000000;
    /*border: 1px solid rgb(255 255 255 / 35%);*/
}

body.dark .accessbox .accbtn {
    color: rgb(255 255 255 / 70%);
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark .accessbox .accbtn:hover {
    background-color: var(--green10);
}
body.dark .accessbox .hdbox .head {
    color: rgb(255 255 255 / 70%);
}
body.dark .btn .break {
    color: rgb(255 255 255 / 70%);
}
body.dark header .menuright .accessbtn {
    border: 1px solid rgb(255 255 255 / 30%);
}
body.dark header .menuright li button img {
    filter: brightness(0) invert(1);
}
body.dark header .megamenu-content {
    background-color: black;
}
body.dark header .megamenu .megalist li a img {
    filter: brightness(0) invert(1);
}

body.dark header .megamenu .megalist li a {
    color: rgb(255 255 255 / 70%);
}

body.dark .submenu li a{
    color: rgb(255 255 255 / 70%)!important;
}
body.dark header .megamenu .megalist li a:hover {
    color: var(--green);
}


/*body.dark .mainpagination {*/
/*    background-color: black;*/
/*}*/
body.dark .upslidemain {
    background-color: black;
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark .updateslide a {
    color: rgb(255 255 255 / 70%);
}
body.dark header .iconmenu li a {
    border: 1px solid #5d5d5d;
    color: rgb(255 255 255 / 70%);
}
body.dark .mymodal .modal-content {
    background-color: black;
}
body.dark .mymodal .modal-body h5 {
    color: rgb(255 255 255 / 95%);
}
body.dark .mymodal .modal-body .font14 {
    color: rgb(255 255 255 / 95%);
}
body.dark .listlabel li {
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark .listlabel li a {
    color: rgb(255 255 255 / 70%);
}
body.dark .myform input,
body.dark .myform textarea,
body.dark .myform select {
    border: 1px solid rgb(255 255 255 / 35%);
    color: rgb(255 255 255 / 75%);
}

body.dark .myform input::placeholder,
body.dark .myform textarea::placeholder,
body.dark .myform select::placeholder {
    color: rgb(255 255 255 / 50%);
}

body.dark .sidebar {
    background-color: black;
}
body.dark .sidebar .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .sidebar a {
    color: rgb(255 255 255 / 95%);
}
body.dark .sidebar .sidelist a {
    color: rgb(255 255 255 / 95%);
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
body.dark .btn-outline {
    border: 1px solid rgb(255 255 255 / 35%);
    color: rgb(255 255 255 / 95%);
}
body.dark p {
    color: rgb(255 255 255 / 82%);
}
body.dark .sidebar a:hover,
body.dark .sidebar .noeffect .iconcard:hover .head {
    color: rgb(255 255 255 / 95%);
}

body.dark .closebtn {
    background-color: #3b3b3b;
}
body.dark .slider {
    background-image: unset;
}
body.dark .slider h1 {
    color: rgb(255 255 255 / 95%);
}
body.dark .mainpagination .swiper-pagination-bullet {
    border: 1px solid rgb(255 255 255 / 35%);
    opacity: 0.9;
}
body.dark .formbox {
    background-color: black;
}
body.dark .bookform .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .select-dropdown__button {
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark h2.mainhead {
    color: rgb(255 255 255 / 95%);
}
body.dark .services .iconcard {
    background-color: black;
}
body.dark .iconcard .head,
.listbox .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .tablist .tabsbtn {
    background-color: black;
    color: #ffffff;
}
body.dark .tablist .tabsbtn img {
    filter: brightness(0) invert(1);
}
body.dark .navibtn {
    /*background-color: black;*/
    /*border: 1px solid rgb(255 255 255 / 35%);*/
}
body.dark .morebtn{
    color: rgb(255 255 255 / 70%);
}
body.dark .tablerow{
   background-color: #060606;
   color:rgb(255 255 255 / 70%);
   border:1px solid rgb(255 255 255 / 35%);
}
body.dark .tablerow .subject a{
    color:rgb(255 255 255 / 70%);
}
body.dark footer{
    background-color: #1a1a1a;
    box-shadow: -1px -1px 0px 0px #ffffff1f;
}
#2c2c2c
body.dark .updateslide .item{
    border: 1px solid rgb(255 255 255 / 35%);
    background: #060606;
}
body.dark .updateslide .item .title{
    color: #ffffffb3;
}

body.dark .morebtn:after {
    /*filter: brightness(0) invert(1);*/
    background-color: #838383;
}
body.dark .profilecard .boxcont .head {
    color: rgb(255 255 255 / 95%) !important;
}
body.dark .profilecard .profbtn {
    background-color: black;
    color: rgb(255 255 255 / 95%);
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark .mymodal h4 {
    color: rgb(255 255 255 / 95%);
}

body.dark .myform label {
    color: rgb(255 255 255 / 70%);
}
body.dark .mymodal .profilecard {
    background: black;
}
body.dark .mymodal .profilecard .btn img {
    filter: brightness(0) invert(1);
}

body.dark .overview:before {
    background-image: unset;
}
body.dark .overview .highbox,
body.dark .overview .iconcard {
    background-color: black;
}
body.dark .counter .item {
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark .counter .item .name {
    color: rgb(255 255 255 / 70%);
}
body.dark .overview .noeffect .iconcard:hover .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .imgcard .imgcont .head {
    color: rgb(255 255 255 / 70%);
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
    color: rgb(255 255 255 / 95%);
}
body.dark .logocard {
    background-color: black;
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark .imgcard .imgbox {
    border: 1px solid rgb(255 255 255 / 35%);
}
body.dark .myaccordion .accordion-button.collapsed {
    background: black;
    color: rgb(255 255 255 / 95%);
}
body.dark .myaccordion .accordion-item {
    border-color: rgb(255 255 255 / 35%);
    background: black;
}
body.dark .reviewcard .cardcont {
    background-color: black;
}
body.dark .reviewcard .cardhead .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .careers img {
    background-color: #35614be6;
    border-radius: 50px;
}
body.dark footer {
    background-image: unset;
}
body.dark footer a,
body.dark footer p {
    color: rgb(255 255 255 / 70%);
}
body.dark footer a:hover {
    color: var(--green);
}
body.dark footer .iconcard:hover .head {
    color: rgb(255 255 255 / 95%);
}
body.dark .swiper-button-prev.swiper-button-disabled {
    opacity: 0.6;
}
body.dark .select-dropdown__list-item {
    background: black;
    border-top: 1px solid rgb(255 255 255 / 35%);
    color: rgb(255 255 255 / 95%);
}
body.dark .select-dropdown__list {
    border: 1px solid rgb(255 255 255 / 35%);
}

body.dark .ratebox h4{
    color:#555555;
}
body.dark .morebtn{
    color:#e9e9e9;
}

body.dark .foot-list .ft-ttls{
    color:#e9e9e9;
}


body.dark footer .menuhead {
    color: rgb(255 255 255 / 91%);
}

body.dark header a.mainli{
     color: rgb(255 255 255 / 91%);
}


body.dark table {
    color: rgb(255 255 255 / 70%);
}


body.dark .sidenav .navlist a{
    border: 1px solid rgb(255 255 255 / 35%);
    background-color: #060606;
    color:#ffffffb3;
}

body.dark .sidenav .navlist .active a{
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

/* Grayscale filter */
.gray {
    filter: saturate(50%);
}