body.dark {
    background-color: #062522;
    color: #fff;
}

body.dark .scheme {
    background-color: #062522;
}

body.dark header {
    background-color: rgb(0 0 0 / 50%);
}
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(255 255 255 / 15%);
}

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 header .megamenu .megalist li a:hover {
    color: var(--green);
}

body.dark header .normalmenu .megalist li:not(:last-child) {
    border-bottom: 1px solid #5d5d5d;
}
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 / 70%);
}
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: #062522;
}

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:#555555;
}

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%);
}
