html{
    font-family: 'Lato', sans-serif;
}
/* Common styles */
.about-sub-head h2{
    position: relative;
    font-size: 40px;
    font-weight: 500;
    line-height: 38px;
    color: #434141;
    display: inline-block;
    padding-right: 30px;
}
.about-sub-head {
    margin-bottom: 2rem;
}
.about-sub-head h2::after{
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #005DA3;
    bottom: -22px;
}
.about-desc-section {
padding: 4rem 0 3rem 0;
}
/* Header css */
.about-container-box{
  width: 90%;
  margin: 0 auto;
}
.about-page-header nav{
  background-color: #fff;
}
.navbar-brand a {
    text-decoration: none;
    margin: 0 5px;
}
.li-margin{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.header-nav-button .btn{
    
    margin: 0 0.5rem;
}
.ab-primary-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    height: 48px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    background: #005DA3;
    color: #ffff;
}
.ab-primary-btn:hover {
  color: #fff;
}
.ab-outline-blue-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    height: 48px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    /* background: #fff; */
    color: #005DA3;
    border: 1px solid #005DA3;
}
.header-logos {
    max-height: 48px;
}
.header-nav-button{
    display: flex;
    margin-left: auto;
}
/* Banner section css */
.state-banner-img{
    width: 100%;
}

.state-carrousel img{
  height:450px;
}
/* Objective section css */
.objective-sec{
    background: url('https://obj.diksha.gov.in/ntp-content-production/homepage/prod/tenants/images/objective-banner.png') no-repeat;
    background-size: cover;
    /* height: 100vh; */
    /* width: 100%; */
    padding: 45px 0;
}
.objective-sec .about-sub-head h2{ 
    color: #fff;
}
.objective-sec .about-sub-head h2::after{
    background-color: #fff;
}
.obj-wrap {
    margin-bottom: 20px;
}
.obj-head-div{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.obj-wrap .obj-num{
    color: #7ACBED;
    font-size: 40px;
    line-height: 38px;
    font-weight: 400;
}
.obj-wrap h3{
  margin-bottom: 0;
  color: #fff;
  font-size: 18px;
  line-height: 38px;
}
.obj-wrap p{
    font-family: lato;
    font-size: 16px;
    color: #fff;
    margin-bottom: 3px;
    line-height: 25.04px;
}
.image-container {
    position: relative;
    display: inline-block;
  }
  .image-contain er img {
    width: 100%;
    height: auto;
    position:realtive;
  }
  .image-container .overlay-list {
    position: absolute;
    top: 10px;
    left: 10px;
    /* background: rgba(0, 0, 0, 0.5); */
    color: white;
    padding: 10px;
    border-radius: 5px;
  }

  .overlay-list h2::after{
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 4px;
    background-color: white;
    bottom: -22px;
}

.capitalize-text {
    text-transform: capitalize;
    width: 50%;
  }
  
  .footer-details .diksha-logo {
    display: flex;
    flex-direction: column;
  }
  
  .main-footer {
    background-color: #ECF6FF;
  }
  
  .footer {
    background-color: #ECF6FF;
    font-family: 'Lato', sans-serif;
  }
  
  .footer-details {
    font-size: 0.875rem;
    padding: 1.25rem 5.3125rem;
    font-size: 0.875rem;
    /* width: 90%; */
    margin: 0 auto;
    padding: 1.875rem 0;
  }
  
  .footer .bottom-footer {
    background-color: #20242A;
    color: #fff;
    /* padding: 10px; */
    font-size: 0.875rem;
  }
  
  .footer .bottom-footer .term-details {
    /* display: flex; */
    /* justify-content: space-between; */
    padding: 1.4375rem 0;
  }
  
  .img-container1 .dikshabanner1 {
    background-image: url(../background.png);
    background-repeat: no-repeat;
    height: 400px !important;
    width: 100% !important;
    background-size: cover;
    background-position: 100% 26%;
  }
  
  .overlay, .overlay1 {
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
  }
  
  #Objectives .content {
    position: absolute;
    bottom: 50px;
    z-index: 1111;
  }
  
  #Objectives .item1 > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
  }
  
  #Objectives .item1 {
    display: none;
    position: relative;
    transition: left 0.6s ease-in-out;
  }

  /* Mission & Vision Section */ 
  .mission-vision-setion { 
    background-color: #F2F5F6;
    padding: 45px 0;
  }

  .mission-vision {
    text-align: center;
    margin-bottom: 2.5rem;
   }
   .mission-vision-setion p{
        font-size: 16px;
        line-height: 33.6px;
        font-weight: 500;
        color: #434141;
   }
   .mission-wrap{
    margin-bottom: 2px;
}
    
   
.image-text {
    display: flex;
    align-items: center;
    margin-bottom: 15px; /* Adjust as needed for spacing between sections */
  }
  .image-text img {
    margin-right: 25px; /* Adjust spacing between image and text */
  }

  .card-flex-height {
    height:100%;
    display:flex;
    align-items: center;
  }

  /* Footer setion */
  .footer-address .footer-head{
    font-size: 14px;
    font-weight: 700;
    line-height: 19.6px;
    color: #01202B;
  }
  .terms-condition{
    text-align: right;
  }
  .terms-condition span{
    padding: 0 0.625rem;
  }
  .terms-condition a{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.1px;
    text-decoration: none;
  }

  /* QUick Links */
  .link-item {
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px #00000012;
    border: 1px solid #007DC626;
    background-color: #fff;
    padding: 10px;
    min-height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 250px; */
    margin: 0 auto;
  }
  .quick-links-carousel .carousel-inner .carousel-item.active,
   .quick-links-carousel .carousel-inner .carousel-item-next,
    .quick-links-carousel .carousel-inner .carousel-item-prev {
    display: flex;
    justify-content: center;
}
#quickLinksCarrousel .carousel-control-next-icon {
  background-image: url(https://obj.diksha.gov.in/ntp-content-production/homepage/prod/tenants/images/arrow-next-slider.png);
  background-repeat: no-repeat;
  opacity: 1 !important;
}
#quickLinksCarrousel .carousel-control-prev-icon {
  background-image: url(https://obj.diksha.gov.in/ntp-content-production/homepage/prod/tenants/images/arrow-prev-slider.png);
  background-repeat: no-repeat;
  opacity: 1 !important;
  
}
#quickLinksCarrousel .carousel-control-next-icon,
#quickLinksCarrousel .carousel-control-prev-icon {
  width: 36px;
  height: 44px;
  opacity: 1 !important;
}
#quickLinksCarrousel .carousel-control-prev{
  left: -6%;
}
#quickLinksCarrousel .carousel-control-next{
  right: -6%
}
#quickLinksCarrousel .carousel-control-next,
#quickLinksCarrousel .carousel-control-prev{
  opacity: 1 !important;
}

/* header */
.brand-top-header{
  background-color: #20242A;
  color: #EBEBEB;
  font-size: 0.75rem;
}
/* .brand-top-header .container {
  width: 96% !important;
  max-width: 96% !important;
  margin: 0 auto;
} */
.brand-top-header .container .top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0px;
}
.brand-top-header div.dk-top-head-ul {
  display: flex;
  font-size: 12px;
}
.brand-top-header div.dk-top-head-ul ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.brand-top-header div.dk-top-head-ul ul li {
  text-align: center;
}
.brand-top-header div.dk-top-head:first-child ul:first-child li:last-child{
  display: none;
}
.brand-top-header div.dk-top-head-ul ul li a {
  color: #EBEBEB;
  text-decoration: none;
}
.brand-top-header {
  margin: 0;
  padding: 0;
  min-height: auto;
}
.brand-top-header div.dk-top-head-ul ul li a:hover, 
.brand-top-header div.dk-top-head-ul ul li a.active {
  /* text-decoration: underline; */
  text-decoration: none;
  /* color: var(--primary-menu-link-active); */
  color: inherit;
}
.brand-top-header .fontResize-container .fontResizeBtn {
  border: 0;
  background: none;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  outline :none;
  padding: 0.938em 1.188rem;
}
.brand-top-header .fontResize-container .fontResizeBtn:hover,
.brand-top-header .fontResize-container .fontResizeBtn:active {
  background: transparent;
  color: var(--white);
  cursor: pointer;
}    

.brand-top-header .dark-mode-toggle {
border: 0px;
display: flex;
align-items: center;
justify-content: center;
background: none;
cursor: pointer;
transition: all .3s ease-in-out;
padding: 0.625rem 0.5rem;
}
.brand-top-header .dark-mode-toggle:hover {
outline: none;
background:inherit;
border-radius: 0;
}

.brand-top-header .dropdown-wrapper .dropdown-language-div{
display: flex;
} 
.brand-top-header .dropdown-wrapper .dropdown-language-div span {
margin: 0 0.313rem;
}
.brand-top-header .dropdown-wrapper .language-text {
/* position: relative;
width: 75px;  */
display: flex;     
cursor: pointer;

} 
.brand-top-header .dropdown-wrapper .language-text:after {
content: "";
background-image: url(https://obj.diksha.gov.in/ntp-content-production/homepage/prod/assets/homepage/dropdown.png);
background-repeat: no-repeat;
height: 0.75rem;
width: 0.563rem;
margin-left: 0.313rem;
margin-top: 0.438rem;
}
.brand-top-header .dropdown-wrapper{
position: relative;
}
.brand-top-header .dropdown-wrapper ul.language-dropdown {
position: absolute;
left: 0;
right: 0;
display: flex;
flex-direction: column;
background-color: #fff;
color: #434141;
z-index: 9999;
top: 20px;
width: 145px;
border-radius: 10px;
box-shadow: 0 0.125rem 0.875rem 0 rgba(0,0,0,0.1);
display: none;
min-width: 180px;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
transition: opacity .1s ease;
}

.brand-top-header .dropdown-wrapper .language-dropdown li{
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid #0c4e9e26;
cursor: pointer;
width: 100%;
color: #434141;
text-align: left;
padding: 10px 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.brand-top-header .dropdown-wrapper .language-dropdown li.active{
font-weight: 700;
}
.brand-top-header .dropdown-wrapper .language-dropdown li:last-child {
border-bottom: 0px ;
}
.brand-top-header .dropdown-wrapper .language-dropdown li span.language-dropdown-arrow{
background: url(../assets/homepage/arrow_back.png) no-repeat;
background-size: contain;
display: inline-block;
transform: rotate(270deg);
width: 14px;
height: 14px;
margin-top: 8px;
}
.brand-top-header .dropdown-wrapper .language-dropdown li span.language-dropdown-arrow.arrow-rotate{
transform: rotate(90deg);
}

.brand-top-header .dropdown-wrapper .language-text.collapsed:after {
transform: rotate(180deg);
margin-top: 0;
}
.fontResize-container{
display: flex;
}

.top-header .header-content-right {
display: flex;
justify-content: end;
}

.dropdown-wrapper-lang {
display: flex;
}

.dropdown-wrapper-lang span {
margin: 0 5px;
}
.brand-top-header .dropdown-wrapper ul::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
  height: .3125rem;
}

.brand-top-header .dropdown-wrapper ul::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, .25);
  transition: color .2s ease;
}

.brand-top-header .dropdown-wrapper ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1);
  border-radius: 0;
}
.fontResizeBtn:focus,
.dark-mode-toggle:focus {
    outline: none;
}

.dark-mode-toggle {
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0px;
    background: none;
    cursor: pointer;
    transition: all .3s ease-in-out;
}
.dark-mode-toggle:hover{
  outline: none;
        background: #A82400;
        border-radius: 50%;
}

/* For Desktop mac View */
@media (max-width: 991.98px) {
.main-top-header .mainHeader {
      flex-direction: column;
      align-items: center;
  }
  .nav-action {
      margin: 0.938rem 0;
  }
}

/* For lablet View */
@media (max-width: 768px) {
.top-header {
  flex-direction: column;
  margin: 0 0.625rem;
}

.pull-right.dk-top-head-ul {
  display: flex;
  flex-direction: column;
  padding: 0.625rem 0;
}

.brand-top-header div.dk-top-head-ul {
  display: flex;
  flex-direction: column;
}

.dk-country-flag {
  text-align: center;
  padding: 15px 0;
}

.top-header .header-content-right {
  justify-content: center !important;
}
}

@media (max-width: 767px) {
  #quickLinksCarrousel .carousel-inner .carousel-item > div {
  display: none;
}
    #quickLinksCarrousel .carousel-inner .carousel-item > div:first-child {
  display: block;
}
}

/* Media Queries */
@media only screen and (min-width: 768px) {
    .logos {
        max-height: 80px;
    }
}
@media (max-width: 767.98px) {
    .card-flex-height {
        height: auto;
    }
}
@media (min-width: 767.98px) and (max-width: 1200px){
  #quickLinksCarrousel .carousel-control-prev {
    left: -4%;
  }
  #quickLinksCarrousel .carousel-control-next {
    right: -4%;
}
}

/* color variables */
/* color variables */
:root {
  font-size: 16px;
  --font-stack-en: "Noto Sans", "Noto Sans Devanagari", "Noto Sans Tamil", "Noto Sans Bengali", "Noto Sans Malayalam", "Noto Sans Gurmukhi", "Noto Sans Gujarati", "Noto Sans Telugu", "Noto Sans Kannada", "Noto Sans Oriya", "Noto Nastaliq Urdu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-stack-hi: "Noto Sans Devanagari", "Noto Sans", "Noto Sans Tamil", "Noto Sans Bengali", "Noto Sans Malayalam", "Noto Sans Gurmukhi", "Noto Sans Gujarati", "Noto Sans Telugu", "Noto Sans Kannada", "Noto Sans Oriya", "Noto Nastaliq Urdu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-stack-ur: "Noto Sans", "Noto Nastaliq Urdu", "Noto Sans Devanagari", "Noto Sans Tamil", "Noto Sans Bengali", "Noto Sans Malayalam", "Noto Sans Gurmukhi", "Noto Sans Gujarati", "Noto Sans Telugu", "Noto Sans Kannada", "Noto Sans Oriya", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --blue: #024f9d;
  --green: #00b053;
  --orange: #e55a28;
  --red: #ff4558;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --yellow: #ffc107;
  --teal: #20c997;
  --cyan: #17a2b8;
  --black: #20242a;
  --white: #fff;
  --gray-hs: 0, 0%;
  --gray: #000;
  --gray-0: #000;
  --gray-100: #000;
  --gray-200: #000;
  --gray-300: #000;
  --gray-400: #000;
  --gray-800: var(--gray);
  --primary-color: #024e9d;
  --secondary-color: #ff714a;
  --tertiary-color: #ffe350;
  --primary-0: #f3f7fa;
  --primary-100: #edf4f9;
  --primary-200: #80a7ce;
  --primary-250: #d3e7f4;
  --primary-300: #7ab4ee;
  --primary-400: var(--primary-color);
  --primary-600: #005391;
  --primary-800: #002e50;
  --secondary-0: #feedd7;
  --secondary-200: #ffa11d;
  --secondary-400: var(--secondary-color);
  --tertiary-0: #fceda5;
  --tertiary-100: #fce46d;
  --tertiary-400: var(--tertiary-color);
  --red-0: #fbccd1;
  --red-100: #ff6979;
  --red-400: var(--red);
  --info-color: var(--blue);
  --success-color: var(--green);
  --warning-color: var(--orange);
  --danger-color: var(--red);
  --body-background-color: var(--primary-0);
  --default-text-color: var(--gray-800);
  --bg-body: var(--primary-0);
  --body-color: var(--gray-800);
  --alpha0: 0;
  --alpha25: 0.25;
  --alpha50: 0.5;
  --alpha75: 0.75;
  --font-default-size: 0.875rem;
  --font-size-base: var(--font-default-size);
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-weight-base: var(--font-weight-normal);
  --line-height-base: calc(var(--font-size-base) * 1.61803398875);
  --h1-font-size: 2rem;
  --h2-font-size: 1.75rem;
  --h3-font-size: 1.5rem;
  --h4-font-size: 1.2rem;
  --h5-font-size: 1rem;
  --h6-font-size: var(--font-size-base);
  --font-size-lg: var(--h4-font-size);
  --font-size-md: var(--h5-font-size);
  --font-size-normal: var(--font-size-base);
  --font-size-sm: 0.75rem;
  --font-size-xs: 0.625rem;
  --p-font-size: var(--font-size-base);
  --base-font-size: 0.875rem;
  --base-block-space: 0.5rem;
  --icon-svg-xxs: 0.75rem;
  --icon-svg-xs: calc(var(--base-block-space) * 2);
  --icon-svg-sm: calc(var(--base-block-space) * 3);
  --icon-svg-md: calc(var(--base-block-space) * 4);
  --icon-svg-lg: calc(var(--base-block-space) * 5);
  --icon-svg-xl: calc(var(--base-block-space) * 6);
  --rc-FAF9F9: #faf9f9;
  --rc-FFFDFB: #fffdfb;
  --rc-0080CA: #0080ca;
  --rc-127EC2: #127ec2;
  --rc-E5E3E3: #e5e3e3;
  --rc-EFEFEF: #efefef;
  --rc-F8F6F5: #f8f6f5;
  --rc-979797: #979797;
  --rc-6D7278: #6d7278;
  --rc-4E4C80: #4e4c80;
  --rc-806F45: #806f45;
  --rc-545658: #545658;
  --rc-D0D0D0: #d0d0d0;
  --rc-00A2AE: #00a2ae;
  --rc-rgba-black: 0, 0, 0;
  --rc-rgba-gray: 51, 51, 51;
  --rc-rgba-949494: 147, 147, 147;
  --rc-rgba-ff714: 255, 113, 74;
  --rc-ddd: #ddd;
  --rc-DCDBEB: #dcdbeb;
 /* base theme */
  --body-bg: var(--white);
  --default-text: #232323;
  --reverse-text: var(--default-text);
  --header-bg: var(--body-bg);
  --brand-header-tail-bg: var(--black);
  --brand-header-tail-text: var(--rc-FAF9F9);
  --primary-menu-link: var(--primary-color);
  --primary-menu-link-icon-text: var(--white);
  --primary-menu-link-active: var(--secondary-color);
  --primary-menu-link-border-bg: var(--white);
  --primary-menu-link-hover: #dcdbeb;
  --mobile-metrics-container: var(--tertiary-color);
  --primary-menu-link-icon-bg: transparent;
  --h1-text: var(--primary-color);
  --para-text: var(--default-text);
  --brand-area-bg: var(--white);
  --dk-page-main-area-left-bg: var(--white);
  --section-theme-bg: var(--tertiary-color);
  --dk-page-right-container-bg: var(--rc-FFFDFB);
  --dk-theme-border-color: var(--rc-E5E3E3);
  --dk-card-bg: var(--white);
  --card-para-text: var(--para-text);
  --explore-btn-border: #e5e3e3;
  --explore-btn-text: var(--gray-800);
  --card-select-btn-bg: var(--rc-EFEFEF);
  --card-select-btn-text: var(--gray-800);
  --usage-select-btn-bg: var(--rc-EFEFEF);
  --dashboard-btn-bg: var(--body-bg);
  --dashboard-btn-border: var(--primary-menu-link);
  --dashboard-btn-text: var(--primary-menu-link);
  --dashboard-btn-hover-text: var(--primary-800);
  --dashboard-btn-hover-bg: var(--primary-100);
  --dk-app-title: var(--rc-4E4C80);
  --hr-line: var(--rc-ddd);
  --viyadaan-bg: #0b5583;
  --vidyadaan-text: var(--white);
  --footer-bg: var(--para-text);
  --footer-text: var(--white);
  --tabs-content: var(--white);
  --tabs-li-a: #232323;
  --dk-F5F7FB-bg: #f5f7fb;
  --cd-card-bg: var(--white);
  --rcard-bg: var(--white);
  --catalogue-section-bg: #f5f7fb;
  --section-footer-bg: var(--primary-color);
  --dk-primary-navigation-bg-color: var(--white);
}
html.darkmode {
  --body-bg: var(--black);
  --default-text: var(--white);
  --reverse-text: var(--default-text);
  --header-bg: var(--body-bg);
  --brand-header-tail-bg: var(--gray);
  --brand-header-tail-text: var(--default-text);
  --primary-menu-link: var(--tertiary-color);
  --primary-menu-link-border-bg: var(--header-bg);
  --primary-menu-link-icon-text: var(--secondary-color);
  --primary-menu-link-active: var(--secondary-color);
  --mobile-metrics-container: #232323;
  --primary-menu-link-hover: rgba(0, 20, 0, );
  --primary-menu-link-icon-bg: var(--body-bg);
  --h1-text: var(--tertiary-color);
  --para-text: var(--default-text);
  --brand-area-bg: var(--white);
  --dk-page-main-area-left-bg: var(--black);
  --section-theme-bg: var(--tertiary-color);
  --dk-page-right-container-bg: var(--black);
  --dk-theme-border-color: var(--rc-6D7278);
  --dk-card-bg: var(--gray);
  --card-para-text: var(--para-text);
  --explore-btn-border: var(--rc-6D7278);
  --explore-btn-text: var(--default-text);
  --card-select-btn-bg: var(--black);
  --card-select-btn-text: var(--default-text);
  --usage-select-btn-bg: var(--gray);
  --dashboard-btn-bg: var(--body-bg);
  --dashboard-btn-border: #f7b500;
  --dashboard-btn-text: #f7b500;
  --dashboard-btn-hover-text: #bf5537;
  --dashboard-btn-hover-bg: var(--primary-menu-link);
  --dk-app-title: var(--dashboard-btn-hover-text);
  --hr-line: var(--explore-btn-border);
  --viyadaan-bg: #0b5583;
  --vidyadaan-text: var(--white);
  --footer-bg: var(--brand-header-tail-bg);
  --footer-text: var(--white);
  --tabs-content: #232323;
  --tabs-li-a: var(--white);
  --dk-F5F7FB-bg: var(--black);
  --cd-card-bg: #333;
  --rcard-bg: #333;
  --catalogue-section-bg: #20242a;
  --section-footer-bg: #333;
  --dk-primary-navigation-bg-color: #2a2c38;
}
html, body {
  background: var(--body-bg);
  color: var(--default-text);
}
html.darkmode .about-page-header nav{
  background: var(--dk-primary-navigation-bg-color);
}
html.darkmode #terms-of-use .nav-tabs .nav-link {
  color: #f2b201;
}
html.darkmode #terms-of-use .nav-tabs .nav-item.show .nav-link, html.darkmode #terms-of-use .nav-tabs .nav-link.active {
  color: var(--tertiary-color);
  border-bottom: 0.125rem solid var(--tertiary-color);
  background: #333;
}
html.darkmode #terms-of-use .nav-tabs::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #444;
}
html.darkmode #terms-of-use .nav-tabs::-webkit-scrollbar-thumb {
  border-radius: 0.625rem;
  -webkit-box-shadow: inset 0 0 0.375rem #999;
}
html.darkmode #terms-of-use .TermsOfUseClick, html.darkmode #terms-of-use .TermsOfUseClick:hover, html.darkmode #terms-of-use .tab-pane a, html.darkmode #terms-of-use .tab-pane a:hover {
  color: var(--tertiary-color);
}
html.darkmode #terms-of-use .early-box ul li a {
  color: var(--tertiary-color);
}
html.darkmode #terms-of-use .early-box ul li a sub {
  color: #fff;
}
html.darkmode #terms-of-use .early-box h6 {
  color: #f2b201;
}
html.darkmode #terms-of-use .scrollToTop .scrollTopWrapper {
  color: #000;
  background: #f2b201;
}
html.darkmode .dk-page-compt-dottedround-container .dk-page-compt-dottedround:after, html.darkmode .dk-right-img-container img {
  filter: invert(1);
}
html.darkmode .dk-card {
  box-shadow: none;
}
html.darkmode .table-container .sb-table {
  background: var(--body-bg);
}
html.darkmode .table-container .sb-table thead th {
  background-color: var(--tertiary-color);
}
html.darkmode .table-container .sb-table tbody td {
  color: var(--white);
}
html.darkmode .table-container .sb-table tbody td a {
  color: var(--dashboard-btn-text);
}
html.darkmode .table-container .sb-table tbody td a:hover {
  color: var(--tertiary-color);
  text-decoration: underline;
}
html.darkmode .table-container .sb-table-hover tbody tr:hover {
  background: #444;
}
html.darkmode .page-title {
  color: var(--tertiary-color);
}
html.darkmode .sb-sitemap-back-btn {
  background-color: var(--dashboard-btn-bg);
  color: var(--dashboard-btn-text);
  border-color: var(--dashboard-btn-border);
}
html.darkmode .sb-sitemap-back-btn .arrow {
  border: solid var(--black);
  border-width: 0 0.125rem 0.125rem 0;
}
html.darkmode #header nav {
  background: #20242a;
}
html.darkmode #header .btn-header-exp {
  background-color: var(--dashboard-btn-bg);
  color: var(--dashboard-btn-text);
  border-color: var(--dashboard-btn-border);
}
html.darkmode .footer-terms-area a.sb-color-white.terms-policies {
  color: var(--white) !important;
}
html.darkmode .footer-terms-area span.sb-color-white {
  color: var(--white) !important;
}
html.darkmode .dk-color-error {
  color: #e29c9f !important;
}
html.darkmode .diksha-coming-soon {
  color: var(--white);
}
html.darkmode .mob-menu-bg {
  background-color: var(--dk-primary-navigation-bg-color);
}
html.darkmode .mob-menu-bg .navMenu a {
  color: #fff !important;
}
html.darkmode .mob-menu-bg .navMenu a.active {
  color: var(--tertiary-color);
}
html.darkmode .mob-menu-header .navbar-toggler {
  border-color: var(--tertiary-color) !important;
}
html.darkmode .mob-menu-header .navbar-toggler-icon {
  background-image: url('../homepage/hamburger-menu-yellow.svg');
}
.usage-metrics-content .dk-card__selection select {
  background-color: var(--usage-select-btn-bg);
}
.dk-copyright-text {
  font-size: 0.875rem;
  color: var(--white);
  text-align: left;
  border: none;
  padding: 0 0 0px 0 !important;
}
html[dir="rtl"] .screenreader .arrow.left, html[dir="rtl"] .site-map .arrow.left {
  margin-left: 8px;
}
.datasets-footer .footer-container {
  background: var(--body-bg);
}
.datasets-footer .footer-container .description {
  color: var(--default-text);
}
.footer-terms-area a.sb-color-white.terms-policies {
  color: var(--black) !important;
}
.footer-terms-area span.sb-color-white {
  color: var(--black) !important;
}
.dk-color-error {
  color: #9f2d2f !important;
}
html.darkmode .dk-pagedata .svg-container svg g text {
  fill: #fff;
}
.sb-color-error {
  color: #0e0e0e !important;
}
html.darkmode .sb-color-error {
  color: #ff9375 !important;
}
html.darkmode .diksha-for-dropdown .dropdown-menu {
  background-color: var(--dk-primary-navigation-bg-color);
}
.book-text {
  font-size: 10px;
  line-height: 13.62px;
  font-weight: 500;
  color: #696f88;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 27ch;
  margin-left: 5px;
}
.bmc-detail {
  margin-bottom: 10px;
  margin-top: 6px;
}
.bmc-detail p {
  font-size: 10px !important;
  line-height: 13px;
  position: relative;
  padding: 0;
  font-weight: 400;
  margin-bottom: 5px;
  font-family: 'Noto Sans';
  max-width: 28ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bmc-detail .board {
  color: #008840;
}
.bmc-detail .medium {
  color: #6236ff;
}
.bmc-detail .grade {
  color: #0076fe;
}
.bmc-detail p span {
  border-left: 1px solid #7b7676;
  padding: 0 8px 0 9px !important;
  margin-left: 5px !important;
}
.nistha-course-nav-link {
  text-decoration: none !important;
}
@media (min-width: 993px) and (max-width: 1024px) {
  .nistha-course-card {
    max-width: 385px;
    width: 100%;
 }
}
/* New css */
.view-btn-div {
  margin: 4rem 0 1rem 0;
}
.study-view-more-btn {
  background-color: #024f9d;
  color: #fff;
  border-radius: 90px;
  border: 1px solid #024f9d;
  padding: 0.7rem 1.8rem;
}
.diksha-study-sec .tab-content {
  margin-top: 0.5rem;
}
.parent-study-carousel .nistha-course-card {
  margin: 0 0.625rem;
}
.hr-border {
  color: #0091ff 29;
  opacity: 1;
  margin: 1.5rem 0 2.5rem 0;
}
.explore-filter .filter-wrap {
  display: flex;
  align-items: center;
  width: 100%;
}
.explore-filter label {
  color: #434141;
  font-size: 16px;
  display: flex;
  align-items: center;
  width: auto;
  margin-right: 10px;
}
.explore-filter .custom-fc {
  border-radius: 8px;
  border: 1px solid #000 1F;
  color: #757575;
  background-image: url('../homepage/nistha-lp/parents/arrow-down.png');
  background-size: unset;
  width: 265px;
  height: 48px;
}
.explore-filter .req-field {
  color: #f00;
}
.active-tab-img {
  display: none;
}
@media (min-width: 992px) {
  .explore-filter {
    display: flex;
    width: 100%;
 }
}
@media (max-width: 991.98px) {
  .explore-filter {
    display: block;
 }
  .explore-study-tab .nav-link.active {
    font-size: 13px;
    transform: scale(1.2);
    padding: 0.8rem;
    margin: 0;
    min-width: auto;
 }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .explore-filter .filter-wrap {
    display: block;
 }
}
@media (max-width: 768px) {
  .explore-filter {
    display: block;
 }
  .explore-filter .filter-wrap {
    margin-bottom: 10px;
 }
  .explore-filter label {
    width: auto;
    min-width: 114px;
 }
  .explore-filter .custom-fc {
    width: 100%;
 }
}
@media (min-width: 769px) and (max-width: 992px) {
  .explore-filter {
    display: flex;
 }
  .explore-filter .filter-wrap {
    width: 45%;
    margin: 0 5px;
    display: block;
 }
  .explore-filter .custom-fc {
    width: 100%;
 }
}
@media (min-width: 992px) and (max-width: 1400px) {
  .explore-study-tab .nav-link.active {
    margin-left: -12px;
    margin-right: -12px;
    padding: 10px;
    min-width: 180px;
 }
}
@media (max-width: 576px) {
  .explore-study-tab {
    display: flex;
    flex-direction: column;
 }
  .ht-banner-slider .carousel-indicators {
    padding: 5px !important;
 }
  .ht-banner-slider .carousel-indicators li {
    height: 3px !important;
    width: 12px !important;
    margin: 0 3px !important;
 }
  .ht-banner-slider .carousel-indicators .active {
    height: 4px !important;
    width: 12px !important;
 }
 .header-nav-button{
  display: inline-block;
 }
 .header-nav-button .btn{
  margin-bottom: 8px;
 }
}
.study-view-more-btn:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .nistha-testimonial-carousel .carousel-inner .carousel-item > div {
    display: none;
 }
  .nistha-testimonial-carousel .carousel-inner .carousel-item > div:first-child {
    display: block;
 }
  .nistha-testimonial-carousel .carousel-inner .carousel-item.active, .nistha-testimonial-carousel .carousel-inner .carousel-item-next, .nistha-testimonial-carousel .carousel-inner .carousel-item-prev {
    justify-content: center;
 }
}
@media (min-width: 1500px) {
  .nistha-course-card {
    width: 383px;
 }
}
/* New css */
html.darkmode .header-nav-button .ab-primary-btn {
  background: var(--tertiary-color);
  color: #666666;
}
html.darkmode .header-nav-button .ab-outline-blue-btn {

  filter: brightness(0) invert(1);
}
html.darkmode .about-sub-head h2,
html.darkmode .mission-vision-setion p,
html.darkmode .footer-address .footer-head{
  color: #fff;
}
html.darkmode .mission-vision-setion,
html.darkmode .main-footer{
   background-color: #061F35;
}