body.dark{
  --black: #000000;
  --base: #000;
  --primary-color: #ffff00;
  --white: #000;
  --red: #e1000a;
  --yellow: #1c1b1b;
  --grey-accent: #1c1b1b;
  --tj-color-text-body-3: #ffff00;
  --bs-tertiary-bg: #000000;
}
body.dark{
  background-color:#000000 !important;
  color:#ffff00 !important;
}
body.dark *{
  color:#ffff00 !important;
}
body.dark .bg-light {
    background-color: #1c1b1b !important;
}
body.dark .menu .modal-content,
body.dark .at-a-glance .bg:hover,
body.dark .menu .btnn,
body.dark section.service_area,
body.dark footer,
body.dark .card-service:hover,
body.dark .faculty-box .case-study-thumb::before,
body.dark .faculty-box .case-study-thumb{
    background: linear-gradient(263deg, #231f1f 0.16%, #000000 99.84%) !important;
}
body.dark .service_content{
background-color:#000000;
}
body.dark .executive-right-panel ul li{
border-color:#ffff00;
}
body.dark .acc-wrapper .access-icon,
body.dark .acc-wrapper .access-icon i,
body.dark .sticky-icon a i{
  color:#000 !important;
}
body.dark header.sticky .logo-header img{
  filter: brightness(0) saturate(100%) invert(77%) sepia(88%) saturate(747%) hue-rotate(1deg) brightness(104%) contrast(104%);
}
body.dark .about_btn a{
  background: var(--yellow);
  border:1px solid #ffff00; 
}
body.dark .accy .right .right-second button:last-of-type{
  border-color:#fff;
}
body.dark .top-header .right .right-first,
body.dark .right-second,
body.dark .right-third,
body.dark .right-forth {
  border-right: 1px solid #000000;
}
body.dark .menu .btnn,
body.dark .menu .ser-btnn{
  border-color:#ffff00;
}
body.dark .executive-right-panel ul li:hover{
  background:var(--yellow);
}
body.dark .gi-logos img[src*="Ministry_of_Education_India.png"] {
    background: #fff !important;
}
body.dark section{
background:var(--black) !important;
}
body.dark .value-card::before{
background:var(--yellow) !important;
}
body.dark .value-card h3{
border-color:var(--primary-color) !important;
}
body.dark .has-child-menu .submenu,
body.dark .submenu-child{
  background:var(--black);
}
body.dark .modal-search .form-control{
border-color:var(--bs-border-color);
}
body.dark .flo-cta{
background:var(--grey-accent)
}
body.dark .faculty-box .case-study-thumb{
border:1px solid #ffff00;
}
body.dark .report-box:hover .clip-path-bar{
  background: unset;
}
body.dark .nav-tabs .nav-item.show .nav-link,
body.dark .nav-tabs .nav-link.active,
body.dark .event-box-campus{
  background: var(--grey-accent);
}
body.dark .form-control,
body.dark .form-control:focus,
body.dark .form-select,
body.dark .single_portfolio_icon a{
  background-color: var(--grey-accent);
}
body.dark #btnClear{
  border:1px solid #ffff00;
}
body.dark .form-control::placeholder{
  color:#ffff00;
}
body.dark .accordion-button::after {
    filter: invert(1);
}
body.dark .accordion-body{
  background:var(--black);
}
body.dark .accordion-button:not(.collapsed),
body.dark .accordion-button{
  background-color: var(--grey-accent);
}
body.dark table th{
background-color: var(--primary-color) !important;
color:var(--black) !important;
border:1px solid var(--black) !important;
}
body.dark table th strong,
body.dark table th b{
  color:var(--black) !important;
}
body.dark table td{
background-color: var(--black) !important;
}
body.dark .modal-content{
  background-color: var(--black);
}
body.dark .modal-header .btn-close{
  filter:invert(1);
  opacity:1;
}
body.dark a.cta{
  border-color:#ffff00;
}
body.dark .card,
body.dark .contact-header {
    background: var(--grey-accent);
}
body.dark .acc-wrapper .acc-modal.activ {
    border: 1px solid #ffff00;
}
body.dark .btn {
    border: 1px solid #ffff00;
}

body.dark .form-control {
    border-color: #ffff00;
}
body.dark .periods-container,
body.dark .cards-container{
 background-color: var(--black);
}
body.dark .periods-container:before,
body.dark .periods-container:after,
body.dark .cards-container:before,
body.dark .cards-container:after{
  content:unset;
}
body.dark .service_single_item:before{
  background: var(--grey-accent);
}

body.dark .service_btn a{
color:var(--black) !important;
}
body.dark .service_single_item:hover .service_btn a{
  color:var(--primary-color) !important;
}
body.dark .service_btn a span{
  color:var(--primary-color) !important;
}

body.dark .service_btn a.hover-shown i,
body.dark .service_btn a.hover-shown span{
  color:var(--black) !important;
}
body.dark .service_single_item:hover .service_btn a.hover-shown i,
body.dark .service_single_item:hover .service_btn a.hover-shown span{
  color:var(--primary-color) !important;
}
body.dark .service_single_item:hover .service_btn a{
  border-color: #ffff00 !important;
}
body.dark .at-a-glance .bg{
  border-color: #ffff00;
}
body.dark .at-a-glance .bg .title::before{
  background-color:#ffff00;
}

body.dark .steps-single-item {
    margin-bottom: 30px;
    padding: 40px 40px 31px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background: var(--grey-accent);
    border:1px solid #ffff00;
    
}

body.dark .steps-single-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../images/steps_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: brightness(0) saturate(100%);
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: unset !important;
}
body.dark .steps-single-item > * {
    position: relative;
    z-index: 1;
}

body.dark .steps-single-item:hover .steps_icon {
    background: var(--grey-accent);
    border: 1px solid #ffff00;
}

body.dark .steps_icon {
    background-color: unset;
    border: 1px solid;
}

body.dark .steps-single-item .steps_icon img {
    filter: brightness(0) invert(1);
}
body.dark .light-pink .service_single_item.style_two .service_content{
   background-color: var(--black);
}
body.dark .border,
body.dark .border-top {
    border-color: #ffff00 !important;
}
body.dark button#backToTop {
    border: 1px solid #ffff00;
}
body.dark button#backToTop:hover {
    background: var(--grey-accent);
}

/* Make the backToTop btn z index high*/
button#backToTop {
    z-index: 99;
}
/* Make the backToTop btn z index high*/

body.dark .flaot-hover-seen a{
      background: var(--grey-accent);
}
body.dark .bg-white {
    background: #000 !important;
}

body.dark .mi-menu{
    background: #000;
}
body.dark .mob-drop-down{
  background-color: #ffff00;
}
body.dark .mi-menu ul li{
  border-color:#ffff00;
}
body.dark header .cross i {
    color: #000 !important;
}

body.dark footer .col-md-3 a img {
    filter: brightness(0) saturate(100%) invert(77%) sepia(88%) saturate(747%) hue-rotate(1deg) brightness(104%) contrast(104%);
}

body.dark .ck.ck-editor__main>.ck-editor__editable,
body.dark .ck.ck-toolbar,
body.dark .bg-grad,
body.dark .faculty-formbox .btn,
body.dark .theme-btn,
body.dark .dropdown-menu{
  background:var(--grey-accent);
}

body.dark .form-box .alert {
    background: transparent;
    border-color: transparent;
}

body.dark footer .col-md-3 a img.wobble {
    filter: invert(1) brightness(50);
}
body.dark .mi-menu .search form input{
  color:#000 !important;
}