/* ====================================================================
Table of contents
==================================================================== */
/*
1. custom Fonts
2. Global Css Styles
*/
/* ====================================================================
    1.Fonts
==================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* ====================================================================
  2.  Global css style
==================================================================== */
  
img{
    max-width: 100%;
    height: auto;
    width: auto;
}
body{
    font-family: 'Poppins', sans-serif !important;
    
}   

/* ====================================================================
  3.Header css style
  ==================================================================== */
  .containerTop {
    padding: 0px 5%;
}
.topHeader__mobileIcon, .navBar__closebtn, .navBar__logo {
    display: none;
  }
.topHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
  }
.topHeader__logo--img {
      max-width: 150px;
  }
.topHeader__searchBar {
      position: relative;
      width: 35%;
      margin-right: 30px;
  }
.topHeader__searchBar--input {
    border: none;
    outline: 0;
    width: 100%;
    font-size: 13px;
    color: #C1C2C9;
    padding: 12px;
    background-color: #F6F8FA;
    border-radius: 5px;
  }
.topHeader__searchBar--btn {
    border: none;
    background: transparent;
    position: absolute;
    right: 0;
    outline: 0;
    top: 0;
    padding: 10px;
    color: #C1C2C9;
  }
.topHeader__searchBar--input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #C1C2C9;
  }
.topHeader__searchBar--input::-moz-placeholder { /* Firefox 19+ */
    color: #C1C2C9;
  }
.topHeader__searchBar--input:-ms-input-placeholder { /* IE 10+ */
    color: #C1C2C9;
  }
.topHeader__searchBar--input:-moz-placeholder { /* Firefox 18- */
    color: #C1C2C9;
  }

.only-for-mobile {
    display: none;
}

/*-------------------------------- Main menu css --------------------------------*/
.mainMenu {
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
}
 .navBar {
    background: #f6f8fa;
    padding:0px 10px;
    padding-left: 0;
    box-sizing: border-box;
} 

.mainMenu__list {
    list-style: none;
    font-size: 16px;
    margin-right: 25px;
    font-weight: 600;
}
.mainMenu__list:last-child {
    margin-right: 0;
}
.mainMenu__list--link{
    color: #000;
}
a.mainMenu__list--link {
    /* font-family: 'Poppins', sans-serif; */
    font-size: 14px;
    display: inline-block;
    padding: 12px 0;
}
.mainMenu__list--link:hover {
    text-decoration: none;
}
.mainMenu__list--link:after {
    content: "";
    display: inline-block;
    margin-left: 0.255em;
    border-top: 8px solid;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
    color: #fa6425;
    transition: all 0.3s;
}
.mainMenu__list:last-child .mainMenu__list--link:after {
    /*display: none;*/
}

/*-------------------------------- Dropdown css --------------------------------*/
.dropdownMenu {
    display: none;
}
/* .mainMenu__list:hover .dropdownMenu {
    height: 241px;
    overflow-y: scroll;
} */
.dropdownMenu .dropdownBox {width: 25%;}
.mainMenu__list.active .dropdownMenu {
    display: flex;
    position: absolute;
    border: 1px solid #dee2e6!important;
    left: 0;
    background: #f6f8fa;
    min-width: 150px;
    width: 100%;
    z-index: 99999;
    box-shadow: 1px 5px 5px #00000047;
}
.mainMenu__list.active .mainMenu__list--link:after {
    transform: rotate(180deg);
    transition: all 0.3s;
}
.dropdownMenu_item {
    padding: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display: block;
}
.dropdownMenu_item:hover {
    text-decoration: none;
}

/* Mobile-Accordian */
.mainMobile {
    display: none;
}


/* ==================================
  4. Banner css style
  =================================== */  


.bannerLT {
    margin-top: 40px;
    /* font-family: 'Poppins', sans-serif; */
}
.bannerLT h2{
    font-size: 2.5rem;
    color: #111419;
    font-weight: 600;

}
.bannerLT h2 span {
    color: #F96422;
    font-size: 55px;
    font-weight: 600;
}
.bannerLT span {
    color: #9B9B9B;
    font-size: 1rem;
    font-weight: 500;
}
header {
    background: #fff;
}
.bannerRT img {
    position: relative;
    top: -50px;
    z-index: -1;
}
.bannerLT h4{
    color: #257FEB;
    font-size: 1.2rem;
}
.bannerLT h4 i {
    padding-left: 16px;
    opacity: .7;
}
.bannerLT h4 span{
    color: #257FEB;
    font-size: 1.8rem;
}
/* ==================================
   Notification Slider CSS
  =================================== */
.notification_slider {
    margin-left: 25px;
    margin-right: 25px;
}
.section2_div2 {
    background: url(../images/sliderBg.png) no-repeat center center;
    background-size: cover;
    padding: 25px 0;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: border-box;
}
.notificationContainer {
    width: 90%;
    margin: 0 auto;
}
.containerTopSlide {
    padding: 0 2%;
}
.contestant_slider .slick-item {
    margin: 0px 10px;
    outline: none !important;
}
a.card.slick-item-a {
    padding: 8px;
    text-decoration: none;
    cursor: pointer;
}

a.card.slick-item-a img {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;border-radius: 10px;}
.contestant_slider {
    margin-left: -20px;
    margin-right: -20px;
}

    .contestant_slider .slick-prev:before, .contestant_slider .slick-next:before {
        content: none !important;
    }

    .contestant_slider .slick-prev, .contestant_slider .slick-next {
        width: 60px !important;
        height: 60px !important;
        background-image: url(../images/leftArrow1.png) !important;
        background-repeat: no-repeat !important;
        display: inline-block !important;
        top: 55%;
    }
     .contestant_slider .slick-next {
        width: 60px !important;
        height: 60px !important;
        background-image: url(../images/right-arrow.png) !important;
        background-repeat: no-repeat !important;
        display: inline-block !important;
        top: 55%;
    }
    .contestant_slider .slick-prev {
        /* background-position: -8px -8px !important;
        background-size: 145px !important; */
        left: -3% !important;
    }
    .contestant_slider .slick-next {
        right: -6% !important;
    }
    .contestant_slider .slick-next {
        /* background-position: -78px -8px !important;
        background-size: 145px !important;
        right: 40px !important; */
    }
    a.card.slick-item-a:focus {
        outline: 0;
    }
i.ico.calender {
    background-position: -29px -95px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 150px;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -1px;
}

.contestant_slider .slick-item-a:hover img {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    opacity: 0.7;
}
.notificationSliderContant {
    padding: 15px 5px;
    font-family: 'Poppins', sans-serif !important;
}

.notificationSliderContant h4 {
    font-size: 15px;
    line-height: 21px;
    color: #1D213A;
    font-weight: 500;
    text-transform: capitalize !important;
    cursor: pointer;
    max-height: 42px;
    overflow: hidden;
}
.notificationSliderContant p {color: #B3B3BB;font-size: 13px;font-weight: 300;max-height: 66px;overflow: hidden; margin-bottom: 10px;}
.notificationSliderContant h6 {color: #93939B;font-size: 11px;}
.notificationSliderContant h5 {
    font-size: 14px;
    color: #F96422;
    text-transform: capitalize;
    font-weight: 400;
    margin-bottom: 0px;
}
ul.nav.nav-tabs.notificationTab_sliderTab {
    border-bottom: 0;
    margin-bottom: 25px;
}

.navLT {
    display: flex;
}
ul.nav.nav-tabs.notificationTab_sliderTab  .nav-link{
    border: 0 !important;
    border-bottom: 1px solid transparent !important; 
}

ul.nav.nav-tabs.notificationTab_sliderTab  .nav-item.show .nav-link, ul.nav.nav-tabs.notificationTab_sliderTab .nav-link.active, ul.nav.nav-tabs.notificationTab_sliderTab .nav-link:hover
{

    border: 0 !important;
    border-bottom: 1px solid #000 !important;
}
ul.nav.nav-tabs.notificationTab_sliderTab  .nav-item{
    margin-right: 10px !important;
}
.notificationTabLT {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navRT a {
    background-color: #0056b3;
    color: #fff;
    padding: 3px 15px;
    border-radius: 49px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .7px;
}
ul.nav.nav-tabs.notificationTab_sliderTab .nav-item.show .nav-link, ul.nav.nav-tabs.notificationTab_sliderTab .nav-link, ul.nav.nav-tabs.notificationTab_sliderTab .nav-link:hover {
    font-size: 15px;
    background: transparent;
    padding: 5px 0;
    font-weight: 600;
    letter-spacing: 1px;
}

.navRT {
    margin-top: -22px;
}

.navRT a {
    font-size: 13px;
    font-weight: 600;
}

.categories-img {
    width: 35%;
    margin: 0 auto;
    margin-top: 20px;
}
.notificationCat {
    padding: 15px;
}

.notificationCat h4 {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 15px;
}
.notificationCat p{
    line-height: 1.4;
    margin-bottom: 7px;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    max-height: 60px;
    overflow: hidden;
}
.cat_view {
    color: #6d43e0;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
}
a.card.slick-item-a .CatSliderImg {
    box-shadow: none !important;
    border-radius: 0 !important;
}
/* ==================================
   End Notification Slider CSS
  =================================== */
/* ==================================
   NCERT Book & Solutions CSS
  =================================== */
.nb-solution {
    position: relative;
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 35px;
}
/* .nbImg {
    width: 142px;
    padding: 0 5px 15px;
} */
.nbImg {
    width: 128px;
    margin: 0 7px 14px;
    text-align: center;
    padding: 30px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}

.nbImg:first-child {
    background: linear-gradient(#33ec82, #06cdb6);
}
.nbImg:nth-child(2) {
    background: linear-gradient(#8b2be1, #4d02e0);
}
.nbImg:nth-child(3) ,.nbImg:nth-child(10){
    background: linear-gradient(#922cd9, #ec2719);
}
.nbImg:nth-child(4) {
    background: linear-gradient(#f4a718, #f12e11);
}
.nbImg:nth-child(5) {
    background: linear-gradient(#e13d5a, #902483);
}
.nbImg:nth-child(6) {
    background: linear-gradient(#21a281, #e5cc43);
}
.nbImg:nth-child(7), .nbImg:nth-child(11){
    background: linear-gradient(#34ec80, #06cdb6);
}
.nbImg:nth-child(8) {
    background: linear-gradient(#21a281, #e6cd43);
}
.nbImg:nth-child(9), .nbImg:nth-child(12){
    background: linear-gradient(#922cd7, #eb271b);
}

.nbImg span{
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}
.nbImg img {
    border-radius: 15px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.nb-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ss-head h3 {
    font-size: 1.5rem;
    font-family: 'Poppins', sans-serif;
    color: #1B2145;
    text-align: center;
    font-weight: 600;
}.ss-head p {
    font-size: .8rem;
    font-family: 'Poppins', sans-serif;
    /* color: #A6A6A6; */
    color:#000;
    text-align: center;
    margin-bottom: 25px;
}


/* ==================================
   STATE BOOKS CSS
  =================================== */
.state-book {
    background-color: #FFF5F1;
    padding: 25px 0;
}
.state-book.ss-head {
    position: relative;
    float: left;
    width: 100%;
    margin: 25px 0;
}

.state-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.stateBg span {
    display: block;
    text-align: center;
}
.stateCircle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;

}
.stateBg {
    padding: 10px 0px;
    width: 149px;
}
.stateBg .stateCircle span{
    color: #F96422;
    background-color: #fff;
    width: 90px;
    height: 90px;
    border-radius: 90px;
    display: block;
    padding-top: 32px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.3rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.stateBg span {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
}
.stateBg a {
    text-decoration: none;
    cursor: pointer;
}
/* ==================================
   End STATE BOOKS CSS
  =================================== */

/* ==================================
   BOOKS & SOLUTIONS CSS
  =================================== */
  .bs-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bs-gradColor {
    padding: 10px 0px;
    width: 165px;
    margin: 0 7px;
}

.bsGradBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.bsGradBox {
    color: #000;
    background-color: #fff;
    display: inline-block;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: .8rem;
    padding: 12px 15px;
    text-align: center;
    min-height: 75px;
    max-height: 78px;
    display: flex;
    align-items: center;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    
}
.bs-gradColor:first-child .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
.bs-gradColor:nth-child(2) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(3) .bsGradBox{
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(4) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(5) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(6) .bsGradBox{
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(7) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(8) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(9) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(10) .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
.bs-gradColor:nth-child(11) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(12) .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
.bs-gradColor:nth-child(13) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(14) .bsGradBox{
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(15) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(16) .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
.bs-gradColor:nth-child(17) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(18) .bsGradBox {
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(19) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(20) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(21) .bsGradBox{
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(22) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(23) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(24) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(25) .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
.bs-gradColor:nth-child(26) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(27) .bsGradBox{
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(28) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(29) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(30) .bsGradBox{
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(31) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(32) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(33) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(34) .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
.bs-gradColor:nth-child(35) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(36) .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
.bs-gradColor:nth-child(37) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(38) .bsGradBox{
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(39) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(40) .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
.bs-gradColor:nth-child(41) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(42) .bsGradBox {
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(43) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(44) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(45) .bsGradBox{
    background: linear-gradient(#9A86E9, white);
}
.bs-gradColor:nth-child(46) .bsGradBox{
    background: linear-gradient(#EE9461, white);
}
.bs-gradColor:nth-child(47) .bsGradBox{
    background: linear-gradient(#E9C74D, white);
}
.bs-gradColor:nth-child(48) .bsGradBox{
    background: linear-gradient(#79B6E1, white);
}
.bs-gradColor:nth-child(49) .bsGradBox{
    background: linear-gradient(#A7E676, white);
}
/* ==================================
   End BOOKS & SOLUTIONS CSS
  =================================== */



  /* ==================================
     CBSE CSS
  =================================== */
  .cbse_board {
    background-color: #F2F9FE;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 25px;
    padding:15px 0px;
}
.cbse_board {
    background-color: #F2F9FE;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 25px;
}
.cbsc_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
}

.cbsc_box {
    padding: 10px 0px;
    width: 165px;
    margin: 0 7px;
}

.cbsc_GradBox {
    color: #000;
    background-color: #fff;
    display: inline-block;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: .8rem;
    padding: 12px 15px;
    text-align: center;
    min-height: 65px;
    max-height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
   
}
.IscBG {
    background-color: hsl(206deg 51% 90%);
    transition: background-color 300ms; 
}
/* ==================================
    End CBSE CSS
  =================================== */



/* ==================================
    ICSE - ISC CSS
  =================================== */
  .icse_isc {
    background-color: transparent;
    margin-top: 0;
}
/* ==================================
    End ICSE - ISC CSS
  =================================== */


  /* ==================================
    JEE CSS
  =================================== */
  .jeeBox {
    width: 143px;
}
.jee_GradBox {
    min-height: 115px;
    max-height: 120px;
    /* border: 0; */
    
}
.jee_GradBox span {
    color: #fff;
    font-size: .9rem;
    text-decoration: none;
    font-weight: 600;
}
.cbsc_box.jeeBox a {
    text-decoration: none;
}
.jee {background-color: #FEF0EB;}
.jeeBox:first-child .jee_GradBox{
    background-image: linear-gradient( to bottom right, #F1B412, #f6da92 );
}
.jeeBox:nth-child(2) .jee_GradBox{
    background-image: linear-gradient( to bottom right, #F112CC, #fa95c9 );
}
.jeeBox:nth-child(3) .jee_GradBox{
    background-image: linear-gradient( to bottom right, #4305A2, #a26efe );
}
.jeeBox:nth-child(4) .jee_GradBox{
    background-image: linear-gradient( to bottom right, #0076C5, #77b2fe );
}
.jeeBox:nth-child(5) .jee_GradBox{
    background-image: linear-gradient( to bottom right, #0ADE82, #5deab6 );
}
.jeeBox:nth-child(6) .jee_GradBox{
    background-image: linear-gradient( to bottom right, #0A11DE, #5dbfe9 );
}
.jeeBox:nth-child(7) .jee_GradBox{
    background-image: linear-gradient( to bottom right, #DE0A89, #e95cce );
}
.jeeBox:nth-child(8) .jee_GradBox{
    background-image: linear-gradient( to bottom right, #0A2DDE, #5fc8e9 );
}
/* ==================================
    End JEE CSS
  =================================== */

  .soCircle {
    display: flex;
    align-items: center;
    border: 1px solid;
    border-radius: 67px;
    text-align: center;
    justify-content: center;
    /* padding: 30px; */
    width: 95px;
    height: 95px;
    margin: 0 auto;
    margin-bottom: 5px;
}
  .soBg .soCircle span {
    color: #F96422;
    background-color: #fff;
    width: 77px;
    height: 77px;
    /* padding: 21px; */
    border-radius: 85px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.3rem;
    text-align: center;
    padding-top: 24px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.soBg span{
    font-weight: bold;
}
/* 1 */
.soBg:first-child .soCircle{
    border:1px solid #5ECC9E;
}
.soBg:first-child .soCircle span {
    color: #5ECC9E;
    background-color: #E5F5F4;
    border: 1px solid;
}

/* 2 */
.soBg:nth-child(2) .soCircle{
    border:1px solid #DFA385;
}
.soBg:nth-child(2) .soCircle span {
    color: #DFA385;
    background-color: #F9EEE8;
    border: 1px solid;
}

/* 3 */
.soBg:nth-child(3) .soCircle{
    border:1px solid #73A2D0;
}
.soBg:nth-child(3) .soCircle span {
    color: #73A2D0;
    background-color: #E5F1FD;
    border: 1px solid;
}

/* 4 */
.soBg:nth-child(4) .soCircle{
    border:1px solid #B739B8;
}
.soBg:nth-child(4) .soCircle span {
    color: #B739B8;
    background-color: #F4E4FA;
    border: 1px solid;
}

/* 5 */
.soBg:nth-child(5) .soCircle{
    border:1px solid #CD6D21;
}
.soBg:nth-child(5) .soCircle span {
    color: #CD6D21;
    background-color: #F6ECE3;
    border: 1px solid;
}

/* 6 */
.soBg:nth-child(6) .soCircle{
    border:1px solid #7C66CB;
}
.soBg:nth-child(6) .soCircle span {
    color: #7C66CB;
    background-color: #E5E4FE;
    border: 1px solid;
}

/* 7 */
.soBg:nth-child(7) .soCircle{
    border:1px solid #E30E7C;
}
.soBg:nth-child(7) .soCircle span {
    color: #E30E7C;
    background-color: #FFD6EB;
    border: 1px solid;
}
.so {
    background-color: transparent;
}


/* ==================================
   State Board Books URLs CSS
  =================================== */ 

.sbb-content {
    display: block;
    width: 100%;
}
.boardBookstab {
    padding: 0 60px;
    box-sizing: border-box;
    background: #fff;
    padding-bottom: 25px;
}

.sbbTab_content a {
    display: inline-block;
    padding: 10px 30px 0;
    color: #1492e6;
    font-size: 17px;
    margin-bottom: 15px;
}

.sbbTab_content {
    padding-top: 20px;

}
/* ==================================
   End State Board Books URLs CSS
  =================================== */


/* ==================================
    State Board Books URLs CSS
  =================================== */
    
  .ssb-tabs {
    padding:0 55px;
    justify-content: center;
    background-color: #F3F3F3;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    display: block;
    overflow-y: hidden;

}
.ssb-tabs .nav-item{
    display: inline-block;
}
.sbb-content .nav-tabs-carousel .nav-item.show .nav-link, .sbb-content .nav-tabs .nav-link, .sbb-content .nav-tabs .nav-link {
    color: #9590ac;
}
.sbb-content .nav-tabs-carousel .nav-item.show .nav-link, .sbb-content .nav-tabs .nav-link.active, .sbb-content .nav-tabs .nav-link:hover {
    color: #231f57;
    background-color: transparent !important;
    border-color: transparent !important;
    /* font-weight: 600; */
    background-color: #fff !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    /* border: 5px solid #F3F3F3 !important; */
    border-bottom: 0 !important;
    margin-top: 4px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

/* width */
.ssb-tabs::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    
    
  }
  
  /* Track */
.ssb-tabs::-webkit-scrollbar-track {
    background: #f1f1f1;
    
  }
  
  /* Handle */
.ssb-tabs::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
  }
  
  /* Handle on hover */
.ssb-tabs::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .state_boardBook {
    margin-bottom: 0 !important;
    background-color: #f7f8fa;
    padding-bottom: 0;
}
/* ==================================
   End State Board Books URLs CSS
  =================================== */


 /* ==================================
   Footer CSS
  =================================== */
  .footerContainer {
    width: 100%;
    padding: 15px 50px;
    padding-top: 0;
    display: flex;
    justify-content: center;
    background-color: #F6F8FA;
    color: #757575;
    font-family: 'Poppins', sans-serif;
}
.footerContainer p{
    text-align: left;
}
.footer1{
    width:26%;
}
.footer2{
    width: 20%;
}
.footer3{
    width: 22%;
}
.footer4{
    width:14%;
}
.footer5{
    width:18%;
}
.footerTop {
    padding: 0 15px 0;
}
.footer1{
    padding-right: 40px;
}
.footerTop h3 {
    line-height: 46px;
    color: #000;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
}
.footerTop ul {
    padding-left: 0;
    list-style-type: none;
}
.footerTop ul li a{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #757575;
    line-height: 33px;
}
.footerTop p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #757575;
}




.footerSocial .fa {
    /* padding: 15px;  */
    font-size: 25px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.footerSocial .fa-twitter {
    background: #55ACEE;
    color: white;
}



.footerSocial .fa-facebook {
    background: #3B5998;
    color: white;
}
.fa-google-plus {
    background: #dd4b39;
    color: white;
}
.fa-linkedin {
    background: #007bb5;
    color: white;
}
.fa-youtube {
    background: #bb0000;
    color: white;
}
.footerSocial .fa-pinterest {
    background: #c8232c;
    color: white;
}
a.fa.fa-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color: #fff;
}
.footerSocial .fa:hover {
    opacity: 0.7;
    color: #fff;
}
.footerSocial {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
/* ==================================
   End Footer CSS
  =================================== */
  /* ==================================
   copyright CSS
  =================================== */
  /*  */
  .copyrht {
    background: #f1f2f4;
    padding: 12px;
    text-align: center;
    color: #7e7ed3;
    font-size: 13px;
    line-height: 30px;
}

/* ==================================
   Mobile Menu CSS
  =================================== */ 
@media (min-width:992px) and (max-width:1199px)  {
    li.mainMenu__list {
        margin-right: 15px;
    }
    
    li.mainMenu__list a {
        font-size: 0.8rem;
    }
    .nb-solution {
        padding-bottom: 0;
    }
    .stateBg{
        width: 130px;
    }
    .containerTop {
        padding: 0px 3%;
    }
}
@media (min-width:768px) and (max-width:991px)  {
    li.mainMenu__list {
        
        margin-right: 9px;
    }
    .containerTop {
        padding: 0px 3%;
    }
    
    li.mainMenu__list a {
        font-size: 0.6rem;
    }
    .nb-solution {
        padding-bottom: 0;
    }
    .mainMenu__list--link:after{
        border-top: 5px solid;
        border-right: 3px solid transparent;
        border-left: 3px solid transparent;
    }
    .stateBg{
        width: 115px;
    }
    .bannerLT h2 {
        font-size: 1.5rem;
        color: #111419;
    }
    .bannerLT h2 span {
        font-size: 38px;
    }
    .bannerLT h4 {
        font-size: 1rem;
    }
    .bannerLT h4 span {
        font-size: 1.4rem;
    }
    .contestant_slider .slick-next {
        right: -9% !important;
    }
    .contestant_slider .slick-prev {
        left: -5% !important;
    }
    .jee_GradBox {
        min-height: 86px;
        max-height: 90px;
       
    }
    .nbImg {
        width: 125px;
    }
    .nbImg span{
        font-size: 15px;
    }
    .sbbTab_content a {
        display: inline-block;
        padding: 10px 0px 0;
        font-size: 13px;
        font-weight: 500;
    }
    .footerContainer {
        padding: 30px 15px;
    }
    
    .footer1.footerTop {
        padding-right: 15px;
    }
    
    .footer1.footerTop p {
        font-size: 15px;
    }
    
    .footerContact a {
        font-size: 13px;
    }
    
    .footerTop ul li a {
        font-size: 14px;
        line-height: 0px;
    }
    
    .footer2.footerTop li {
        margin-bottom: 10px;
    }
    
    .footerTop h3 {
        font-size: 13px;
    }
    .cbsc_box.icse_iscBox, .cbsc_box {
        width: 165px;
    }
    .jeeBox {
        width: 125px;
    }
}
@media only screen and (max-width: 767px) {
    #headerGoogleSearchCross {
        display: none;
    }
    .topHeader__logo {
        display: none;
    }
    .only-for-mobile {
        display: block;
    }
    .topHeader_mobile_logo {
        float: left;
    }
    .topHeader .topHeader__searchBar {
        width: 75%;
        display: none;
    }
    .mainMenu__list {
        position: relative;
    }
    .mainMenu__list:hover .dropdownMenu {
        flex-direction: column;
        box-shadow: 0 0 0 0;
    }
    .row.d-flex.justify-content-center.w-100.MenuRow .dropdownMenu_item {
        font-size: 13px;
    }
    .dropdownMenu .dropdownBox {width: 100%;}
    .dropdownMenu:before {
        content: '';
        background: #f6f8fa;
        position: absolute;
        left: -20px;
        /* height: 100%; */
        height: 95%;
        width: 20px;
    }
    .mainMenu__list.active .dropdownMenu{
        position: unset;
        border: unset !important;
    }
    .dropdownMenu:after {
        content: '';
        background: #f6f8fa;
        position: absolute;
        right: -10px;
        /* height: 100%; */
        height: 95%;
        width: 10px;
    }
    .topHeader__mobileIcon {
        display: block;
        cursor: pointer;
        background: #fff;
        padding: 10px 10px;
        border-radius: 8px;
        box-shadow: 0px 5px 10px #00000033;
    }
    .topHeader__mobileIcon--img {
        width: 25px;
    }
    .navBar__logo {
        display: block;
    }
    .navBar {
        height: 100vh;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-image: linear-gradient(to right,#fff 80%,#777 20%);
        overflow-x: hidden;
        transition: 0.5s;
        padding: 0;
    }
    .navBar__closebtn {
        display: block;
        position: absolute;
        top: 15px;
        right: 45px;
        font-size: 18px;
        color: #424242;
        background: #fff;
        padding: 10px 15px;
        border-radius: 10px;
        z-index: 999;
        box-shadow: 0px 5px 15px #00000047;
    }
    .mainMenu {
        flex-direction: column;
        width: 80%;
    }
    .mainMenu__list {
        margin-right: 0;
        font-size: 18px;
        margin-top: 10px;
    }
   

    /* headerFixed */
    .elfstudysHeader{    
        /*position: fixed;*/
        width: 100%;
        z-index: 1;
        background-color: #fff;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    /* End fixedHeader */
    .bannerContainer {
        padding-top: 100px;
    }
    .bannerRT img {
        position: unset;
        margin-top: 30px;
    }

    /* Mobile Responsive */
    .bannerContainer {
        padding-top: 52px;
    }
    .bannerLT h2 {
        font-size: 1.7rem;
    }
    .bannerLT h2 span {
        font-size: 36px;
    }
    
    .contestant_slider .slick-next {
        right: -21% !important;
    }
    .contestant_slider .slick-prev {
        left: -9% !important;
    }
    
    .notificationTab_slider .tab-content{
        width: 80%;
        margin: 0 auto;
    }
    .ss-head h3 {
        font-size: 1.2rem;
    }
    .nb-solution {
        padding: 0 15px;
    }
    .nbImg {
        width: 96px;
        padding: 0 5px 15px;
    }
    .ss-head {
        padding: 25px 15px;
        padding: 0;
    }
    .nbImg{
        width: 86px;
    }
    .nbImg{
        margin: 0 4px 8px;
    }
    .stateBg {
        padding: 10px 0px;
        width: 85px;
    }
    .nbImg span {
        font-size: 11px;
    }
    
    .nbImg {
        line-height: 1.2;
        padding: 20px 15px;
    }
    .stateBg span{
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }
    #ssAcc2 .card-body {
        padding-top: 0;
    }
    #ssAcc2 .state-book.ss-head{
        margin-top: 0;
    }
    .stateBg .stateCircle span {
        width: 75px;
        height: 75px;
        padding-top: 25px;
    }
    .bs-gradColor {
        width: 86px;
        padding: 7px 0;
        padding: 0;
    }
    #ssAcc3 .card-body {
        padding: 0;
    }
    .card.bsGradBox span {
        font-size: 12px;
        line-height: 14px;
    }
    .bsGradBox{
        min-height: 80px;
    max-height: 85px;
    }
    .cbsc_box {
        padding: 6px 0px;
        width: 116px;
    }
    .card.cbsc_GradBox.jee_GradBox {
        min-height: 88px;
        max-height: 90px;
    }
    .stateBg .stateCircle span {
        width: 55px;
        height: 55px;
        padding-top: 22px;
        font-size: 16px;
    }
    .stateCircle.soCircle {
        width: 75px;
        height: 75px;
    }
    .ssb-tabs{
        padding: 0 15px;
    }
    .state-book.state_boardBook.ss-head {
        padding: 20px 0;
    }
    .sbb-content .nav-tabs-carousel .nav-item.show .nav-link, .sbb-content .nav-tabs .nav-link, .sbb-content .nav-tabs .nav-link:hover {
        font-size: 13px;
        padding: 5px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;

    }
    .boardBookstab {
        padding: 0 15px;
    }
    .sbbTab_content a {
        padding: 5px 0;
        font-size: 13px;
    } 
    .footerContainer {
        padding: 15px;
        flex-wrap: wrap;
    }
    .footerTop {
        width: 50%;
        display: inline-block;
        padding: 0;
    }
    .footer1.footerTop {
        width: 100%;
        display: block;
    }
    .footer1.footerTop img {
        width: 130px;
    }
    
    .footer1.footerTop p {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .footerContact a {
        font-size: 13px;
        display: block;
    }
    .footerContact {
        margin-bottom: 15px;
    }
    .footerTop h3 {
        font-size: 14px;
        line-height: 15px;
        margin-top: 15px;
    }
    
    .footer2.footerTop {
        width: 50%;
        display: inline-block;
        padding: 0 7px;
    }
    
    .footerTop ul li a {
        font-size: 13px;
        line-height: 22px;
    }
    
    .footerTop ul li {
        line-height: 0px;
    }
    .footerTop p {
        font-size: 13px;
        line-height: 24px;
    }


    /* Desktop And Mobile Hide/show */
  .mainMobile {
    display: block;
    padding: 0 10px;
}
.desktopContainer {
    display: none;
}
#main {
    margin: 50px 0;
  }
  
  #main #ss-accordian .card {
    margin-bottom: 15px;
    border: 0;
  }
  .cardHead p {
    text-align: center;
    margin-bottom: 25px;
}
  #main #ss-accordian .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
            box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  }
  
  #main #ss-accordian .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #f7faff;
    color: #222;
    padding: 20px;
    text-align: center;
    font-weight: 600;
  }
  #sbbuSectionAcc a.btn.btn-header-link:after {
    display: none;
}
  #main #ss-accordian .card .card-header .btn-header-link:after {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 900;
    float: right;
  }
  
  #main #ss-accordian .card .card-header .btn-header-link.collapsed {
    background: #f7faff;
  }
  
  #main #ss-accordian .card .card-header .btn-header-link.collapsed:after {
    content: "\f107";
  }
  
  #main #ss-accordian .card .collapsing {
    background: #f7faff;
    line-height: 30px;
  }
  
  #main #ss-accordian .card .collapse {
    border: 0;
  }
  #ssAcc4 .card-body {
    padding-top: 0;
}
.ss-head{
    margin-top: 0;
}
.card.cbsc_GradBox span {
    line-height: 17px;
    font-size: 12px;
}
.card.cbsc_GradBox {
    margin-bottom: 0 !important;
}
  #main #ss-accordian .card .collapse.show {
    background: #f7faff;
    line-height: 30px;
    color: #222;
  }
  #statebookSectionAcc .btn-header-link{
      background-color: #fff6f1 !important;
  }
  #main #ss-accordian .card #ssAcc2{
        background-color: #fff6f1;
  }
  /* BOOKS & SOLUTIONS */
  #bookSolAcc .btn-header-link{
    background-color: #efecff !important;
}
  #main #ss-accordian .card #ssAcc3{
    background-color: #efecff;
}
/* CBSC */
#cbscSectionAcc .btn-header-link{
    background-color: #f1f8fe !important;
}
  #main #ss-accordian .card #ssAcc4{
    background-color: #f1f8fe;
}
/* CBSC-Isc */
#cbscIscSectionAcc .btn-header-link{
    background-color: #f3dbd9 !important;
}
  #main #ss-accordian .card #ssAcc5{
    background-color: #f3dbd9;
}
/* JEE */
#jeeSectionAcc .btn-header-link{
    background-color: #fff8f5 !important;
}
  #main #ss-accordian .card #ssAcc6{
    background-color: #fff8f5;
}
.jee {
    background-color: transparent;
}
.cbsc_box.jeeBox {
    width: 85px;
}
#ssAcc6 .card-body {
    padding-top: 0;
}
#ssAcc8 .card-body{
    padding-top: 0;
}
#ssAcc9 .card-body{
    padding-top: 0;
}
.state-book.so.ss-head {
    margin-top: 0;
}
/* NEET */
#neetSectionAcc .btn-header-link{
    background-color: #fff8f5 !important;
}
  #main #ss-accordian .card #ssAcc7{
    background-color: #fff8f5;
}
div#ssAcc8{
    background-color: #fff8f5 !important;
}
/* SCHOLARSHIP & OLYMPIAD */
#soSectionAcc .btn-header-link{
    background-color: #e5f5f4 !important;
}
  #main #ss-accordian .card #ssAcc9{
    background-color: #e5f5f4;
}
/* SCHOLARSHIP & OLYMPIAD */
#soSectionAcc .btn-header-link{
    background-color: #f7f8fa !important;
}
  #main #ss-accordian .card #ssAcc9{
    background-color: #f7f8fa;
}
 /* End Desktop And Mobile Hide/show */
 /* #main #ss-accordian .card .card-header .btn-header-link{
     padding-bottom: 0;
 } */
 #main #ss-accordian .card .card-header .btn-header-link:focus{
     box-shadow: none;
 }
 #ssAcc1 .card-body{
     padding-top: 0;
 }
 #main #ss-accordian .card .collapse.show{
     padding-bottom: 15px;
 }

 #main #ss-accordian .card .card-header .btn-header-link:after {
    font-weight: 100;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 20px;
    font-size: 19px;
    color: #fff;

    /* position: absolute;
    bottom: 0; */
}
.state-book.state_boardBook.ss-head {
    margin-top: 0;
    padding-top: 0;
    background: transparent;
}

#ssAcc10 .card-body {
    padding-top: 0;
    padding: 0;
}
#main #ss-accordian .card #statebookSectionAcc.card-header .btn-header-link:after {
    background: #f96422; 
}
#main #ss-accordian .card #ncertBookAndSolAcc.card-header .btn-header-link:after {
    background: #8db4f7; 
}
#main #ss-accordian .card #bookSolAcc.card-header .btn-header-link:after {
    background: #9a86e9; 
}
#main #ss-accordian .card #cbscSectionAcc.card-header .btn-header-link:after {
    background: #8ab6d6; 
}
#main #ss-accordian .card #cbscIscSectionAcc.card-header .btn-header-link:after {
    background: #ef6f6c; 
}
#main #ss-accordian .card #jeeSectionAcc.card-header .btn-header-link:after {
    background: #de9b7e; 
}
#main #ss-accordian .card #neetSectionAcc.card-header .btn-header-link:after {
    background: #de9b7e; 
}
#main #ss-accordian .card #soSectionAcc.card-header .btn-header-link:after {
    background: #9ee8c5; 
}
#main #ss-accordian .card #gateSectionAcc.card-header .btn-header-link:after {
    background: #ef6f6c; 
}
.footerSocial .fa {
    width: 40px;
    height: 40px;
}
.copyrht{
    font-size: 11px;
}
}


.nbImg:hover {
    /* box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; */
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    cursor: pointer;
}
.stateBg .stateCircle span:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    cursor: pointer;
}
.bsGradBox:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    cursor: pointer; 
}
.cbsc_GradBox:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    cursor: pointer; 
}
.soCircle:hover{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    cursor: pointer; 
}

.sbbTab_content a:hover{
    opacity: 0.5;
}
.soBg span:hover {
    opacity: 0.7;
}


.jee_GradBox span:hover {
    opacity: 0.7;
}

.cbsc_GradBox span:hover {
    opacity: 0.8;
}
.bsGradBox span:hover{
    opacity: 0.8;
}
.stateBg span:hover{
    opacity: 0.8;
}
.nbImg span:hover{
    opacity: 0.8;
}

.homepageGateSection {
    background-color: #FFF5F1;
}




/* ===============================================
                NCERT Quiz
=============================================== */
/* Accordian */

  .accordion .item {
      border: none;
      margin-bottom: 50px;
      background: none;
  }
  .t-p{
    
    padding: 40px 30px 0px 30px;
  }
  .AccContainer .accordion .item .item-header h2 button.btn.btn-link {
      background: #f6f6f6;
      border: 1px solid #e2e2e5;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
      color: #9241ff;
      border-radius: 0px;
      font-family: 'Poppins';
      font-size: 16px;
      font-weight: 600;
      line-height: 2.5;
      text-decoration: none;
      text-transform: capitalize;
  }
  .AccContainer .accordion .item .item-header {
      border-bottom: none;
      background: transparent;
      padding: 0px;
      margin: 2px;
  }
  
  .AccContainer .accordion .item .item-header h2 button {
      color: white;
      font-size: 20px;
      padding: 8px 15px;
      display: block;
      width: 100%;
      text-align: left;
      
  }
  
  .AccContainer .accordion .item .item-header h2 i {
      float: right;
      font-size: 30px;
      color: #9241ff;
      
      width: 60px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
  }
  
  .AccContainer button.btn.btn-link.collapsed i {
      transform: rotate(0deg);
  }
  
 .AccContainer button.btn.btn-link i {
      transform: rotate(180deg);
      transition: 0.5s;
  }
  /* End Accorndian */
  .t-p ul{
      list-style-type: decimal;
      padding-left: 35px !important;
  }
  .testSeries {
    display: flex;
    justify-content: space-between;
}
.t-p {
    padding: 20px;
    padding-top: 0;
    padding-left: 0;
    background: #f6f6f6;
}
.t-p ul li {
    border-bottom: 1px solid #e2e2e5;
    padding-top: 10px;
    padding-bottom: 10px;
}
.t-pLT span:first-child {
    color: #000;
}
.t-pLT span:last-child  {
    border: 1px solid #9241ff;
    background-color: transparent;
    padding: 5px 10px;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 5px;
    color: #9241ff;
    text-decoration: none;
}
a.t-pLT {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-decoration: none;
}

a.t-pLT span {
    display: inline-block;
}
.t-pLT:hover span:first-child{
    text-decoration: underline;
}
.t-pLT:hover span:last-child{
    background-color: #9241ff;
    color: #fff;
}
.t-pLT:hover span:first-child {
    color: #9241ff;
}
.t-p ::marker .t-pLT:hover span:first-child  {
    color: #9241ff;
}
.t-p ul li {
    content: "\2022";
    color: #000;
    width: 1em;
    width: 100%;
}
.t-p ul li:hover {color: #9241ff;}
.t-p ul li:last-child {
    border-bottom: 0;
}
.t-p{
    padding-bottom: 1px;
}
.ncert_QuizLT{
    background-color: #f6f6f6;
    height: 400px;
    overflow-y: scroll;
}


.quizTabs.nav-tabs {
    border: 0 !important;
    
}
.quizTabs.nav-tabs .nav-link{
    border: 0 !important;
    color: #000;
    font-weight: 600;
    

}
.quizTabs.nav-tabs .nav-link:before {
    position: relative;
    top: 2px;
    content: " ";
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid #964bf8;
    margin-right: 8px;
    border-radius: 12px;
}
.quizTabs.nav-tabs .nav-item.show .nav-link:before, .quizTabs.nav-tabs .nav-link.active:before {
    background-color: #964bf8;
    border: 1px solid #964bf8;
}
.quizTabs.nav-tabs .nav-item.show .nav-link, .quizTabs.nav-tabs .nav-link.active{
    color: #9241ff;
    background-color: transparent;
}
.chooseCls {
    font-size: 1.2rem;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 15px;
}
.ncertQuizHead h2 {
    margin-top: 20px;
    text-transform: capitalize;
    font-weight: 600;
}

@media(max-width:575px){
    .colPD3 {
        padding: 0;
    }
    
    .colPD9 {
        padding: 0;
    }
    .quizTabs.nav-tabs {
        border: 0 !important;
        padding: 0 5px;
    }
    .chooseCls {
        text-align: center;
        background-color: #f6f6f6;
        margin-bottom: 0;
        padding: 10px 0 5px;
    }
    .quizTabs.nav-tabs .nav-link {
        border: 0 !important;
        color: #000;
        font-weight: 600;
        border: 1px solid #8b9ba2!important;
        margin: 5px;
    }
    .ncert_QuizLT{
        padding-bottom: 15px;
        height: unset;
        overflow: unset;
    }
    .quizTabs {
        flex-direction: row !important;
    }
    .quizTabs.nav-tabs .nav-link{
        border-radius: .25rem !important;
        font-size: 13px;
    }
    .quizTabs.nav-tabs .nav-item.show .nav-link, .quizTabs.nav-tabs .nav-link.active {
        color: #fff;
        background-color: #9241ff !important;
    }
    .quizTabs.nav-tabs .nav-link:before{
        display: none;
    }
    .TabContentContainer {
        padding: 0;
    }
    .TabContentContainer {
        padding: 0;
    }
    
    .t-pLT span {
        font-size: 13px;
    }
    .t-p {
        padding-right: 10px;
    }
    .t-p ul {
        
        padding-left: 25px !important;
    }
    .t-pLT span:last-child{
        padding: 4px 5px;
    }
    .t-p ul li{
        font-size: 13px;
    }
    .AccContainer .accordion .item .item-header h2 button.btn.btn-link{
        font-size: 15px;
    }
    .ncertQuizHead h2{
        font-size: 22px;
    }
    .ncertQuizHead p {
        font-size: 15px;
    }
}

@media(min-width:576px) and (max-width:767px){
    .chooseCls {
        text-align: center;
        background-color: #f6f6f6;
        margin-bottom: 0;
        padding: 10px 0 5px;
    }
    .ncert_QuizLT{
        padding-bottom: 15px;
    }
    .quizTabs {
        flex-direction: row !important;
    }
    .quizTabs.nav-tabs .nav-link{
        border-radius: .25rem !important;
        font-size: 14px;
    }
    .quizTabs.nav-tabs .nav-item.show .nav-link, .quizTabs.nav-tabs .nav-link.active {
        color: #fff;
        background-color: #9241ff;
    }
    .TabContentContainer {
        padding: 0;
    }
    .TabContentContainer {
        padding: 0;
    }
    
    .t-pLT span {
        font-size: 14px;
    }
    .t-p {
        padding-right: 10px;
    }
    .t-p ul {
        
        padding-left: 20px;
    }
    .t-pLT span:last-child{
        padding: 4px 5px;
    }
    .t-p ul li{
        font-size: 13px;
    }
    .AccContainer .accordion .item .item-header h2 button.btn.btn-link{
        font-size: 15px;
    }
    .ncertQuizHead h2{
        font-size: 25px;
    }
    .ncertQuizHead p {
        font-size: 16px;
    }
    .chooseCls {
        margin-top: 25px;
    }
}
@media(min-width:992px) and (max-width:1199px){
    .chooseCls {
        margin-top: 30px;
    }
}
/*  =============================================== 
    End NCERT Quiz
=============================================== */

/*  =============================================== 
    Qustion And Ans
=============================================== */
#progressBar{
    width:50%;
    height:5px;
    background-color:#fff;
    border-radius: 5px;
  }
  
  #played{
    width:50%;
    height:100%;
    background-color:#a4f;
    border-radius: 5px;
  }
  
  .QusAns .QuesHeader {
    background: #d6d9de;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 20px 40px;
    margin-top: 30px;
}
.QusAns .QuesHeader li {
    border-right: 1px solid #fff;
    font-weight: 600;
    font-size: 14px;
}
.QusAns .QuesHeader li:first-child {
    width: 30%;
    padding-left: 20px;
}
.QusAns .QuesHeader li:nth-child(2) {
    width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}  
.QusAns .QuesHeader li:last-child {
    width: 20%;
    border-right: 0;
    padding-left: 20px;
    
} 
.questionCard {
    background-color: #f7f8fa;
    padding: 25px;
    border: none;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    margin-bottom: 30px;
    padding-bottom: 0px;
}  
.queSNo {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    text-transform: capitalize;
}
.question {
    font-weight: 600;
} 
ul.queRes {
    list-style-type: none;
    margin-top: 20px;
    padding-left: 0;
    margin-left: -15px;
}
/* ul.queRes li a span:first-child */
ul.queRes li label .optionIndex {
    background: transparent;
    border: 1px solid #859191;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    margin-right: 10px;
}
/* ul.queRes li {
    border: 1px solid #e1e3e3;
    background: #fff;
    padding: 12px 15px;
    margin-bottom: 8px;
    border-radius: 3px;
}
ul.queRes li {
    border: 1px solid #e1e3e3;
    background: #fff;
    padding: 12px 15px;
    margin-bottom: 8px;
    border-radius: 3px;
} */
ul.queRes li input {
    display: none;
}
ul.queRes label {
    border: 1px solid #e1e3e3;
    background: #fff;
    padding: 12px 15px;
    margin-bottom: 8px;
    border-radius: 3px;
}
ul.queRes li input:checked + label {
    background-color: #9241ff;
    color: #fff;
}
ul.queRes li input:checked + label span:first-child {
    color: #fff;
    border-color: #fff !important;
}
ul.queRes li label {
    cursor: pointer;
}
/* ul.queRes li:hover span:first-child {
    background: #9241ff;
    color: #fff;
   
} */

/* radio css */
.questionCard input[type=checkbox]:after, .questionCard input[type=radio]:after {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.questionCard input[type=checkbox]:checked:after, .questionCard input[type=radio]:checked:after {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #9241ff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
ul.queRes li label{
 margin-left: 15px;
 cursor: pointer;
 width: 100%;
}
/* end raido css */



ul.queRes li a span:last-child {color: #606060;}

/* ul.queRes li:hover, ul.queRes li:active {
    border-color: #9241ff;
    cursor: pointer;
    background-color: #f0e6ff;
} */

ul.queRes li a {
    text-decoration: none;
}
ul.queRes li a span:first-child {
    color: #606060;
}

/* Question-Navigator Start */
/* media */
/* .media {
    background: #d6d9de;
    margin-top: 30px;
} */

.QaMenu {
    margin-top: 30px;
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    background: #f7f8fa;
    max-width: 545px;
    /* max-width: 767px; */
}
/* content */

.QaMenu .sec2{
    background: url(https://images.unsplash.com/photo-1551309292-e185c0b6e22a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80);
    background-position: center;
    background-size: cover;
}
.QaMenu h1{
    font-size: 50px;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


.QaMenu .menu{
    /* text-align: right;
    position: relative;
    width: 100%;
    z-index: 200; */
    text-align: right;
    /* position: fixed; */
    position: relative;
    width: 100%;
    z-index: 200;
    float: left;
    background: #f7f8fa;
    height: 100%;
}
/* I hide the checkbox because I only need the label */
.QaMenu #check{
    display: none;
}

.QaMenu .button{
    width: 48px;
    height: 48px;
    /* background: rgb(255, 196, 0); */
    padding: 12px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease-in;
    padding-top: 8px;
    line-height: 8px;
    text-align: left;
    position: absolute;
    left: 25px;
    top: 5px;
    z-index: 201;
}
.QaMenu .button:hover{
    /* background: #ff9d00; */
}
.QaMenu .button span{
    height: 3px;
    width: 100%;
    background: #1d1d1d;
    display: inline-block;
    transition: all 0.5s cubic-bezier(.62,.43,.35,1.47);
}


/* toggle icon animation */
.QaMenu #check:checked ~ .button span:nth-child(1){
    width: 100%;
    transform: rotate(45deg) translateY(6px) translateX(6px);
}
.QaMenu #check:checked ~ .button span:nth-child(2){
    width: 0;
}

.QaMenu #check:checked ~ .button span:nth-child(3){
    width: 100%;
    transform: rotate(-45deg) translateY(-7px) translateX(7px);
}


/* the nav height is set to 0 when the navbar is closed */

.QaMenu nav{
    text-align: left;
    overflow: hidden;
    transition: all 0.4s ease;
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    background: #ffffff;
    height: 0;
}
.QaMenu .qaNav{
    text-align: left;
    overflow: hidden;
    transition: all 0.4s ease;
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    background: #ffffff;
    height: 0;
}
.QaMenu nav a{
    text-decoration: none;
    color: #0c1019;
    display: block;
    font-size: 18px;
    /* transition: all 0.4s cubic-bezier(.22,.43,.35,1.5); */
    opacity: 0;
    transform: scale(0);
    transform-origin: top;
    /* text-align: center; */
    border-bottom: 1px solid #b4ac97;
}
.QaMenu .qaNav a{
    text-decoration: none;
    color: #0c1019;
    display: block;
    font-size: 18px;
    /* transition: all 0.4s cubic-bezier(.22,.43,.35,1.5); */
    opacity: 0;
    transform: scale(0);
    transform-origin: top;
    /* text-align: center; */
    border-bottom: 1px solid #b4ac97;
}



/* the nav height will be set to the height in pixels that would have for default, using height:auto won't work but you can put that value in pixels creating the slide*/
.QaMenu #check.active ~ .qaNav{
    height: auto;
    background: #f7f8fa;
}
.QaMenu #check.active ~ nav{
    height: auto;
    background: #f7f8fa;
}
.QaMenu #check:checked ~ nav{
    height: auto;
    background: #f7f8fa;
}
.QaMenu #check:checked ~ nav {
    height: auto;
    background: #f7f8fa;
}
.QaMenu #check:checked ~ .qaNav{
    height: auto;
    background: #f7f8fa;
    max-height: 300px;
    overflow: scroll;
}


.QaMenu #check:checked ~ nav a{
    padding: 10px;
    opacity: 1;
    transform: scale(1);
}
.QaMenu #check:checked ~ .qaNav a{
    padding: 10px;
    opacity: 1;
    transform: scale(1);
    
}

.toggleContainer {
    position: relative;
}
.toggleHhead {
    position: absolute;
    top: 12px;
    left: 80px;
    color: #1d1d1d;
    font-weight: 600;
    font-size: 18px;
}
.qaNav .nav-tabs .nav-link:before {
    content: " ";
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #0c1019;
    border-radius: 3px;
    margin-right: 8px;
}
.qaNav a:before{
    content: " ";
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #0c1019;
    border-radius: 3px;
    margin-right: 8px;
}
.qaNav a:before {
    content: " ";
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #0c1019;
    border-radius: 3px;
    margin-right: 8px;
}
.qaNav .navNavigator .navLinkNavigator:before {
    content: " ";
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #0c1019;
    border-radius: 3px;
    margin-right: 8px;
}
/* new css add */
a.submitTest:before {
    display: none;
}
/* end new css add */
.qaNav .nav-tabs .nav-item.show .nav-link:before, .qaNav .nav-tabs .nav-link.active:before {
    background-color: #964bf8;
    border: 1px solid #964bf8;
}
.qaNav .navNavigator .navItemNavigator.show .navLinkNavigator:before, .qaNav .navNavigator .navLinkNavigator.active:before {
    background-color: #964bf8;
    border: 1px solid #964bf8;
}

.qaNav .nav-tabs .nav-link{
    border: 0;
}
.qaNav .nav-tabs .nav-item:first-child {
    
    border-bottom: 1px solid transparent;
}
.navBase .navItem:first-child {
    margin-bottom: -1px;
}
.qaNav .navBase .navItem:first-child {
    border-bottom: 1px solid transparent;
}
.navBase{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navHeader{
    border-bottom: 1px solid transparent;
    border-bottom: 1px solid #e0e3e5;
    margin-top: 10px;
    margin-top: 10px;
    margin: 0 20px;
}
.qaNav .nav-tabs {
border-bottom: 1px solid transparent;
border-bottom: 1px solid #e0e3e5;
margin-top: 10px;
margin-top: 10px;
margin: 0 20px;
}
.navHeader{
    border-bottom: 1px solid transparent;
border-bottom: 1px solid #e0e3e5;
margin-top: 10px;
margin-top: 10px;
margin: 0 20px;
}

ul.navNavigator.navTabsNavigator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: 1px solid #dee2e6;
    border-bottom: 1px solid transparent;
    /* border-bottom: 1px solid #e0e3e5; */
    margin-top: 10px;
    margin-top: 10px;
    margin: 0 20px;
}

.navItemNavigator {
    margin-bottom: -1px;
    border-bottom: 1px solid transparent;
    
}

.navLinkNavigator {
    text-decoration: none;
    color: #0c1019;
    display: block;
    font-size: 18px;
    /* transition: all 0.4s cubic-bezier(.22,.43,.35,1.5); */
    opacity: 0;
    transform: scale(0);
    transform-origin: top;
    /* text-align: center; */
    border: 0;
}

.QaMenu #check:checked ~ .navNavigatorv a {
    padding: 10px;
    opacity: 1;
    transform: scale(1);
}



.ansMark {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
}
.ansMarkItem  {
    width: 45px;
    height: 47px;
    /* background-color: #964bf8; */
    background-color: #fff;
    margin: 10px 10px 10px 0;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #dcdedf; 
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}
.qaNav .nav-tabs .nav-item.show .nav-link, .qaNav .nav-tabs .nav-link.active{
background-color: transparent;
}
/* .ansMarkItem:first-child, .ansMarkItem:nth-child(2), .ansMarkItem:nth-child(3), .ansMarkItem:nth-child(5), .ansMarkItem:nth-child(6), .ansMarkItem:nth-child(8), .ansMarkItem:nth-child(9), .ansMarkItem:nth-child(12), .ansMarkItem:nth-child(14) {
    background-color: #964bf8;
    color: #fff;
    border: 1px solid transparent;
} */
.ansMarkItem.active{
    background-color: #964bf8;
    color: #fff;
    border: 1px solid transparent;
}
.submitTest {
    background-color: #f96422;
    margin: 15px 0 0;
    color: #fff !important;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 20px !important;
    letter-spacing: 1px;
}
.answeredPD{
    padding: 0 !important;
}
/* sticky */
div#quesNavWrap {
    height: 80px;
    width: 100%;
    position: sticky;
    z-index: 10;
    top: 0px;
}
/* end sticky */

#quesNavWrap .media {
    padding: 10px;
    background: #d6d9de;
    margin-top: 30px;
    padding-bottom: 0;
}

#quesNavWrap .media .media-body h5 {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
}

#quesNavWrap .media .media-body .ts span:first-child {
    font-size: 24px;
    font-weight: 500;
}

#quesNavWrap .media .media-body .ts span:last-child {
    font-size: 15px;
    font-weight: 500;
    padding-left: 5px;
}
.QaMenu{
    margin-top: 5px;
}

/* modify css */
.ncertWrapperCol8, .qasCol4 {
    max-width: 650px;
    margin: 0 auto;
}
.QaMenuSTD{
    max-width: unset;
}
.qNavigator {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}
.qNavContainer {
    max-width: 650px;
    margin: 0 auto;
    background: #f7f8fa;
    margin-bottom: 30px;
}
.qNavigatorHead {
    position: unset;
}
.qNavigatorHead {
    position: unset;
    padding: 25px 30px 15px;
}
.stdSubmitBtn {
    display: block;
    padding: 13px 0;
    margin: 10px 0 !important;
}
.std-ContentM {
    padding-bottom: 0;
}
/* End modify css */

/* End Question-Navigator Start */
@media (min-width:992px) and (max-width:1199px){
    .QusAns .QuesHeader li:first-child {
        width: 34%;
    }
    .QusAns .QuesHeader li {
        font-size: 14px;
    }
    .QusAns .QuesHeader li:last-child {
        width: 16%;
    }
    .QusAns .QuesHeader {
        padding: 10px;
    }
    .QaMenu .button{
        padding-top: 4px;
    }
    .toggleHhead{
        font-size: 15px;
    }
    .QaMenu nav a{
        font-size: 16px;
    }
    .QaMenu .qaNav a{
        font-size: 16px;
    }
    .ansMarkItem{
        width: 35px;
        height: 37px;
    }
    .question {
        font-size: 14px;
    }
    
    ul.queRes li {
        padding: 8px 10px;
    }
    
    .queSNo {
        font-size: 14px;
    }
}

@media (min-width:768px) and (max-width:991px){
    .QusAns .QuesHeader li:first-child {
        width: 36%;
    }
    .QusAns .QuesHeader li {
        font-size: 13px;
    }
    .QusAns .QuesHeader li:last-child {
        width: 14%;
    }
    .QusAns .QuesHeader {
        padding: 8px;
    }
    .QaMenu .button{
        padding-top: 3px;
    }
    .toggleHhead{
        font-size: 13px;
    }
    .QaMenu nav a{
        font-size: 14px;
    }
    .QaMenu .qaNav a{
        font-size: 14px;
    }
    .ansMarkItem{
        width: 30px;
        height: 32px;
    }
    .question {
        font-size: 13px;
    }
    
    ul.queRes li {
        padding: 6px 9px;
    }
    
    .queSNo {
        font-size: 13px;
    }
    .selfStudy_Wrapper .container{
        padding: 0;
    }
    .QusAns .QuesHeader li:first-child{
        padding-left: 8px;
    }
    .QusAns .QuesHeader li:nth-child(2){
        padding-left: 8px;
        padding-right: 8px;
    }
    .QusAns .QuesHeader li:last-child{
        padding-left: 8px;
    }
    #progressBar{
        width: 37%;
    }
    .qaNav .nav-tabs{
        margin: 0 2px;
    }
    .nav-tabs .nav-link:before {
        content: " ";
        width: 11px;
        height: 11px;
        margin-right: 5px;
    }
    .QaMenu .button{
        width:44px;
    }
    a.submitTest {
        font-size: 14px !important;
    }
}
    @media(max-width:767px){

        ul.queRes {
            list-style-type: none;
            margin-top: 20px;
            padding-left: 0;
            margin-left: -25px;
        }
        #quesNavWrap .media img {
            width: 25px;
        }
        
        #quesNavWrap .media {
            padding: 5px 25px 0;
            box-shadow: 0 -5px 5px -5px #333;
        }
        
        #quesNavWrap .media .media-body .ts span:first-child {
            font-size: 18px;
            font-weight: 600;
        }
        
        #quesNavWrap .media .media-body .ts span:last-child {
            font-size: 13px;
        }


        .QusAns .QuesHeader li:first-child {
            width: 100%;
            border-bottom: 1px solid #fff;
            margin: 0 15px;
            padding-bottom: 5px;
            padding-left: 0;
        }
        
        .QusAns .QuesHeader li:nth-child(2) {
            width: 75%;
            padding-left: 0;
            margin-top: 10px;
            border-right: 1px solid #fff;
            padding-right: 0;
        }
        
      
        
        .QusAns .QuesHeader li:last-child {
            width: 25%;
            padding-left: 10px;
            margin-top: 10px;
        }
        
        .QusAns .QuesHeader {
            flex-wrap: wrap;
            padding: 10px 0;
        }
        .ncertWrapperCol8 {
            padding: 0;
        }
        .QusAnsContainer{
            padding: 0;
        }
        .QusAns .QuesHeader li{
            border: 0;
        }
        #progressBar{
            width: 29%;
        }
        /* .queSNo p:last-child {
            display: none;
        } */
        .queSNo p{
            font-size: 13px;
        }
        .question {
            font-size: 13px;
        }
        
        ul.queRes li {
            padding: 8px 10px;
        }
        
        ul.queRes li a span {
            font-size: 13px;
        }
        .qaNav .nav-tabs{
            margin: 0;
            padding-left: 30px;
            padding-top: 5px;
        }
        .navHeader{
            margin: 0;
            padding-left: 30px;
            padding-top: 5px;
        }
        .stdQanavM .nav-tabs {
            padding-left: 15px;
        }
        .ansMark {
            padding: 0 20px 0 36px;
            padding: 0 20px 0 36px;
            height: 135px;
            overflow: scroll;
            align-items: center;
        }
        .submitReuse {
            display: flex;
            justify-content: space-between;
        }
        .submitReuse {
            display: flex;
            justify-content: space-around;
            margin-top: 10px;
        }
        .stdSubmitBtn {
            display: block;
            max-width: 165px;
            width: 100%;
            padding: 13px 0;
            margin: 10px 0 !important;
        }
        .qCol {
            padding: 0;
        }
        .QaMenu .button {
            width: 44px;
            height: 44px;
        }
        .toggleHhead{
            font-size: 15px;
            top: 18px;
        }
        .QaMenu nav a{
            padding-bottom: 5px !important;
            padding-top: 5px !important;
        }
        .QaMenu .qaNav a{
            padding-bottom: 8px !important;
            padding-top: 8px !important;
            font-size: .8rem;
        }
        .QaMenu .navLinkNavigator {
            font-size: .8rem;
        }
        .QaMenu {
           
            /* box-shadow: 0 -5px 5px -5px #333; */
            margin-top: 0;
        }
        .nav-tabs .nav-link:before {
            content: " ";
            width: 11px;
            height: 11px;
        }
        .navBase .navItem a:before{
            content: " ";
            width: 11px;
            height: 11px;
        }
        .navItemNavigator {
            width: 50%;
        }
        
        .ansMarkItem{
            margin-top: 0;
            width: 42px;
            height: 35px;
        }
        .qAWrapper {
            position: relative;
        }
        .qCol {
            position: fixed;
            bottom: 0;
            transition: all 0.4s;
        }
        .qCol.activeNav {
            bottom: 250px;
            transition: all 0.4s;
        }

        
    }
@media (min-width:472px) and (max-width:767px){
    .ansMarkItem {
        margin-top: 0;
        width: 60px;
        height: 37px;
    }
}
/*  =============================================== 
    End Qustion And Ans
=============================================== */



/*  =============================================== 
    Speed Time Distance
=============================================== */
.stdContainer .breadcrumb{
    background: transparent !important;
    padding-top: 1.5rem;
}
 .breadcrumb-item+  .breadcrumb-item::before {
    content: ">" !important;
    color: #9141ff !important;
}
.stdContainer .breadcrumb-item a{
    color: #9141ff !important;
}
.QaMenu.stdCol {
    margin-top: 0;
}

.stdMediaObject {
    background: #d6d9de;
    margin: 15px 8px 15px;
    padding: 15px 30px;
    border-radius: 30px;
    max-width: 220px;
    width: 100%;
}
.stdMediaContainer {
    display: flex;
    justify-content: center;
}
.stdMediaObject h6 {
    font-size: 12px;
    font-family: 'Poppins', sans-serif !important;
    margin-bottom: 0;
}

.stdMediaObject h4 {
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: 600;
}

.stdMediaObject h5 {
    font-size: 13px;
    font-weight: 600;
}
.stdHead {
    font-weight: 400;
}
.stdCard:first-child {
    margin-right: 15px;
}
.stdWrapper {
    background: #f7f8fa;
    padding: 40px 0;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    margin-bottom: 30px;
}



.lbContainer {
    background: #9241ff;
    padding: 7px 30px;
    border-radius: 5px;
    text-align: center;
    max-width: 266px;
    width: 100%;
    margin: 0 auto;
}
.leaderBoard {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lbContainer span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 15px;
    padding-top: 5px;
    display: inline-block;
}
.qaNav .nav-tabs .nav-item.show .nav-link.wrongOpt:before, .qaNav .nav-tabs .nav-link.wrongOpt.active:before {
    background-color: #f97a83;
    border: 1px solid #f97a83;
}
.qaNav .nav-tabs .nav-item.show .nav-link.wrongOpt:before, .qaNav .nav-tabs .nav-link.wrongOpt.active:before {
    background-color: #f97a83;
    border: 1px solid #f97a83;
}
 .std-Content .ansMarkItem:nth-child(5), .std-Content .ansMarkItem:nth-child(6), .std-Content .ansMarkItem:nth-child(9){
    background-color: #f97a83;
    color: #fff;
    border: 1px solid transparent;
}
/* .ansMarkItem:nth-child(3){
    background-color: #fff;
    color: #0c1019;
    border: 1px solid transparent;
}
.ansMarkItem:nth-child(4){
    background-color: #0c1019;
    color: #fff;
    border: 1px solid transparent;
} */
.stdSubmit {
    background: #9241ff;
    font-size: 15px !important;
    margin: 5px 0 0;
}
.stdsolution{
    font-size: 15px !important;
    margin: 5px 0 0;
}
.std-Content .ansMarkItem {
    margin: 7px 10px 7px 0;
}
@media(min-width:992px) and (max-width:1199px){
    .QaMenu nav.stdqaNav .nav-link {
        font-size: 16px;
        padding: 0 5px !important;
    }
    .QaMenu .qaNav.stdqaNav .nav-link {
        font-size: 16px;
        padding: 0 5px !important;
    }
}
@media(min-width:768px) and (max-width:991px){
    .QaMenu nav.stdqaNav .nav-link {
        font-size: 14px;
        padding: 0 5px !important;
    }
    .QaMenu .qaNav.stdqaNav .nav-link {
        font-size: 14px;
        padding: 0 5px !important;
    }
    
    .qaNav.stdqaNav .nav-tabs .nav-link:before {
        content: " ";
        width: 10px;
        height: 10px;
        display: inline-block;
        border: 1px solid #0c1019;
        border-radius: 3px;
        margin-right: 8px;
    }
}
@media (max-width:767px){
    .stdContainer .breadcrumb-item a {
        color: #9141ff !important;
        font-size: 13px;
    }
    span.profileUName {
        display: none;
    }
    .breadcrumb-item.active {
        color: #6c757d;
        font-size: 13px;

    }
    .stdContainer .breadcrumb {
        padding:1rem;
        margin-bottom: 0 ;
        /*display: none;*/
    }
    .stdBox {
        background: transparent;
        padding: 25px 7px;
    }
    h4.std-SubHead.text-center {
        font-size: 20px;
    }
    .std-Head.text-center {
        font-weight: 400;
        font-size: 16px;
    }
    .stdMediaObject {
        margin: 5px;
        padding-left: 10px;
        padding-right: 10px;

    }
    .media.stdMediaObject img {
        margin-right: 7px !important;
        width: 25px;
    }
    .stdMediaObject h2 {
        font-size: 22px;
    }
    .stdMediaObject h6 {
        font-size: 11px;
    }
    .lbContainer span{
        font-size: 15px;
    }
    .lbContainer img {
        width: 30px;
    }
    .qCol.activeNav {
        bottom: 283px;
        transition: all 0.4s;
    }
    /* Question Navigator mobile css */
    .qAWrapper {
        position: relative;
    }
    .qCol {
        position: fixed;
        bottom: 0;
        transition: all 0.4s;
    }
    .qCol.activeNav {
        bottom: 245px;
        transition: all 0.4s;
    }
    .stdCol.activeNav {
        bottom: 283px;
    }


    /* sticky */
    div#quesNavWrap {
        height: unset;
        width: 100%;
        position: fixed;
        z-index: unset;
        top: unset;
    }
    /* Speed time and distance question nav for mobile */
    .stdQuesNav {
        position: static !important;
    }
    .stdQuesNav .stdCloseBtn {
        display: none;
    }
    .stdQuesNav .submitReuse {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .stdQuesNav .submitReuse a:before{
        display: none;
    }
    .stdQuesNav .submitReuse .submitTest.stdSubmit {
        width: 50%;
    }
    .stdQuesNav .QaMenu #check:checked ~ .qaNav a {
        width: 50%;
    }
    /* new css */
    ul.navNavigator.navTabsNavigator{
        flex-wrap: unset;
    }
    .stdQuesNav .QaMenu #check:checked ~ .qaNav a{
        width: 100%;
    }
    /* end new css */
    .stdQuesNav .QaMenu #check:checked ~ .qanavRemoveT a {
        width: 100%;
      
        border-bottom: 0;
    }
    .footerContainer {
        margin-top: 12rem;
    }
    .toggleRI {
        left: 40px;
    }
    a.nav-link.rightOptRU {
        width: 100% !important;
    }
    a.nav-link.rightOptRU:before {
        margin-bottom: -3px !important;
    }
    a.rightOptRU:before{
        margin-bottom: -3px !important;
    }
    .ansMark.ansMarkRU {
        height: unset;
    }

/* end sticky */
}

/*  =============================================== 
    End Speed Time Distance
=============================================== */


/*  =============================================== 
    Question Answer And Solution
=============================================== */
.qasAnsContainer .QuesHeader {
    margin-top: 0;
}
.qaSol {
    background: #d6d9de;
    padding: 15px;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.qaSol h4 {
    font-size: 18px;
    font-weight: 600;
}
.qaOpt span {
    font-size: 13px;
}

.qaOpt span:first-child {
    font-weight: 600;
    margin-right: 5px;
}

.qaOpt span:last-child {
    font-weight: 400;
}


/* nth-chlid */
.qasAnsContainer .questionCard1 .queRes li:nth-child(2) {
    border-color: #4ac493;
    cursor: pointer;
    background-color: #4ac493;
}
.qasAnsContainer .questionCard1 .queRes li:nth-child(2) span:first-child {
    background: #fff;
    color: #4ac493;
}
.qasAnsContainer .questionCard1 .queRes li:nth-child(2) a span:last-child {
    color:#fff;
}
/* nth-chlid2 */
.qasAnsContainer .questionCard2 .queRes li:nth-child(3) {
    border-color: #4ac493;
    cursor: pointer;
    background-color: #4ac493;
}
.qasAnsContainer .questionCard2 .queRes li:nth-child(3) span:first-child {
    background: #fff;
    color: #4ac493;
}
.qasAnsContainer .questionCard2 .queRes li:nth-child(3) a span:last-child {
    color:#fff;
}
/* nth-chlid3 */
.qasAnsContainer .questionCard3 .queRes li:nth-child(4) {
    border-color: #d6d9de;
    cursor: pointer;
    background-color: #d6d9de;
}
.qasAnsContainer .questionCard3 .queRes li:nth-child(4) span:first-child {
    background: #fff;
    color: #d6d9de;
}
.qasAnsContainer .questionCard3 .queRes li:nth-child(4) a span:last-child {
    color:#000;
}
/* nth-chlid3 */
.qasAnsContainer .questionCard4 .queRes li:nth-child(1) {
    border-color: #f97a83;
    cursor: pointer;
    background-color: #f97a83;
}
.qasAnsContainer .questionCard4 .queRes li:nth-child(1) span:first-child {
    background: #fff;
    color: #f97a83;
}
.qasAnsContainer .questionCard4 .queRes li:nth-child(1) a span:last-child {
    color:#fff;
}

/* Button */
.qasButton .submitTest.mcqSubmit {
    display: block;
    width: 85%;
    margin: 0 auto;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
}
.qasButton{
    margin-bottom: 15px;
}

/* quesNavigator */
.qaNav.qasQaNav .nav-tabs .nav-item.show .nav-link.rightOpt:before, .qaNav.qasQaNav .nav-tabs .nav-link.rightOpt.active:before {
    background-color: #4ac493;
    border: 1px solid #4ac493;
}
.qaNav.qasQaNav a.show a.rightOpt:before, .qaNav.qasQaNav a.rightOpt.active:before {
    background-color: #4ac493;
    border: 1px solid #4ac493;
}
.ansMarkItem.ansMarkItemRht:first-child, .ansMarkItem.ansMarkItemRht:nth-child(1), .ansMarkItem.ansMarkItemRht:nth-child(2), .ansMarkItem.ansMarkItemRht:nth-child(8), .ansMarkItem.ansMarkItemRht:nth-child(12), .ansMarkItem.ansMarkItemRht:nth-child(14){
    background-color: #4ac493;
    color: #fff;
    border: 1px solid transparent;
}

/*  =============================================== 
    End Question Answer And Solution
=============================================== */


/*  =============================================== 
    Ncert-Quiz Test Series
=============================================== */
ul.tslContainer {
    /* list-style-type: decimal;
    padding-left: 35px !important; */
    list-style-type: none;
    padding-left: 15px !important;
    padding-right: 20px;
}
.tslflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none !important;
}
.testSeriesList p {margin-bottom: 0;}

.testSeriesList p:last-child {
    background: #e4e4e6;
    padding: 3px 12px;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

.testSeriesList p:first-child {
    font-size: 20px;
}
.testSeriesList a {
    display: block;
}

.testSeriesList a p:last-child {
    background: transparent;
    color: #000;
    padding: 0;
}
.tslSolAtt a {
    border: 1px solid #9241ff;
    background-color: transparent;
    padding: 5px 10px;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 5px;
    color: #9241ff;
    text-decoration: none;
    max-width: 121px;
    width: 100%;
}
.tslSolAtt a {
    border: 1px solid #9241ff;
    background-color: transparent;
    padding: 5px 10px;
    box-sizing: border-box;
    text-decoration: none;
    border-radius: 5px;
    color: #9241ff;
    text-decoration: none;
    max-width: 130px;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    
}

.tslSolAtt a:first-child{
    margin-right: 15px;
}
.tslSolAtt {
    display: flex;
    width: 30%;
    justify-content: flex-end;
    text-align: center;
}
.tslflex:hover span:last-child:hover {
    background: #9241ff;
    color: #fff;
}
.tslSolAtt a:first-child {
    border-color: #fa6425;
    color: #fa6425;
}
.tslSolAtt a:first-child:first-child:hover {
    background: #fa6425;
    color: #fff;
}
.tslSolAtt a:last-child:hover {
    background: #9241ff;
    color: #fff;
}
.tslSolAtt a.buttonload:last-child:hover{
    background-color: unset;
    color: #9241ff;
}
.tslflex span:first-child {
    border-color: #fa6425;
    color: #fa6425;
}
.tslSolAtt.st span {
    color: #9241ff !important;
    border-color: #9241ff !important;
}
.tslSolAtt.st a:hover{
    background-color: #9241ff !important;
    color: #fff !important;
}
.tslSolAtt.st a.active {
    background-color: #9241ff !important;
    color: #fff !important;
    border-color: #9241ff !important;
}

.tslflex:hover .testSeriesList P:first-child {
    color: #9241ff;
    text-decoration: underline;
}

.tslflex .testSeriesList p {
    color: #000;
}
ul.tslContainer li {
    margin: 8px 0;
    border-bottom: 1px solid #e2e2e5;
}
.ncert_QuizRT.ncertQuizTestAttempt {
    background: #f6f8fa;
    padding: 30px 15px;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    
}
ul.tslContainer li:last-child {
    border: navajowhite;
}
.tslSolAtt a:last-child {
    margin-right: 0;
}
a.tslflex .tslSolAtt a:first-child:hover {
    background: #fa6425 ;
    color: #fff;
}
/* a.tslflex:hover .testSeriesList p:first-child {
    color: #fa6425;
} */
/* Login Popup */
.modal-dialog.ncertLoginPopup {
    max-width: 400px;
    margin: 1.75rem auto;
}
.modalLoginHead .close{
    padding-top: 0px;
    margin-top: -30px;
    font-weight: unset;
    font-size: 1.7rem;
}
.modalLoginHead .close:focus {
    outline: unset;
}
.loginWithEmail {
    text-transform: uppercase;
    position: relative;
    color: #9fa2a5;
    font-size: 14px;
}
.loggedInForgetPass label {
    cursor: pointer;
    color: #0c1019;
    font-size: 14px;
}

.loggedInForgetPass a {
    font-size: 14px;
    cursor: pointer;
    color: #9fa2a5;
}
.loginWithEmail:before, .loginWithEmail:after {
    content: " ";
    display: inline-block;
    /* border: 1px solid #ced4da; */
    height: 1.1px;
    max-width: 70px;
    width: 100%;
    background: #9fa2a5;
    position: absolute;
    top: 12px;
}
.loginWithEmail:before{
    left: 0;
}
.loginWithEmail:after{
    right: 0;
    
}
.loginWithGoogle span {font-weight: 500;}
.loggedInForgetPass {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.googleForm:focus {
    background-color: #fff;
    /* border-color: #9241ff; */
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.googleForm::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #0c1019;
    opacity: 1; /* Firefox */
  }
  
.googleForm:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #0c1019;
  }
  
.googleForm::-ms-input-placeholder { /* Microsoft Edge */
    color: #0c1019;
  }
.eyePositon {
    position: relative;
}
.eyePositon i {
    position: absolute;
    right: 11px;
    bottom: 10px;
    cursor: pointer;
}
.googleBtn {
    display: flex;
    text-decoration: none;
}
.googleBtn:hover{
    text-decoration: none;
    color: #9241ff;
}
.googleLogin {
    background: #9241ff;
    color: #fff;
}
.googleLogin:hover{
    opacity: 0.9;
    color: #fff;
    text-decoration: none;
}
.dontHaveAcc {
    font-size: 12px;
    font-weight: 500;
    opacity: 0.9;
}
.lwg{
    display: inline-block;
    text-align: center !important;
    width: calc(100% - 45px);
}
.modalLoginHead {
    border: 0;
    padding-top: 40px;
}
.modalLoginHead h4 {
    font-size: 1.4rem;
}
.flName {
    width: 48%;
    display: inline-block;
}
.firstLastN {
    display: flex;
    justify-content: space-between;
}
/* End Login Popup */
/* hedader search */
.searchLoginRT {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.headerLS:first-child {
    padding-right: 0;
}

.headerLS:last-child {
    padding-left: 0;
}
.headerLS {
    padding: 0;
    color: #0c1019;
    font-size: 13px;
    font-weight: 600;
}

a.LoginBtnI i {
    margin-bottom: -17px;
    display: inline-block;
    color: #0c1019;
    padding-right: 5px;
    padding-left: 5px;
}

a.LoginBtnI {
    display: flex;
    align-items: baseline;
}
.headerLS:focus {
    box-shadow: unset;
}
span.LoginBtnI {
    display: flex;
    justify-content: space-between;
}
span.LoginBtnI i {
    padding-right: 5px;
}
/* end hedader search */
@media (min-width:768px) and (max-width:991px){
    .tslSolAtt{
        width: 50%;
    }
    
}
@media (max-width:767px){
    .testSeriesList {
        width: 65%;
    }
    
    .tslSolAtt {
        width: 35%;
    }
    .ncertQuizTestWrapper .container {
        padding: 0;
    }
    .ncertQuizHead {
        padding: 0 15px;
    }
    
    .ncert_QuizRT.ncertQuizTestAttempt {
        padding-left: 0;
        padding-right: 0px;
        margin-left: 10px;
        margin-right: 10px;
    }
    ul.tslContainer {
        padding-left: 25px !important;
        padding-right: 10px;
    }
    .tslSolAtt {
        display: block;
    }
    .tslflex .testSeriesList p {
        font-size: 13px;
        font-weight: 500;
    }
    .tslflex .testSeriesList p:last-child {
        font-size: 12px;
    }
    .tslSolAtt a {
        font-size: 13px;
        margin: 3px 0;
        padding: 2px 0;
    }
    .tslSolAtt a:first-child {
        margin-right: 0;
    }
    /* login Popup */
    .modal-dialog.ncertLoginPopup {
        max-width: 300px;
    }
    .modalLoginHead h4 {
        font-size: 1rem;
    }
    .modalLoginHead {
        padding-left: 10px;
        padding-right: 10px;
    }
    .loginWithGoogle span {
        font-size: .9rem;
    }
    .loginWithEmail{
        font-size: 13px;
    }
    .loginWithEmail:before, .loginWithEmail:after{
        max-width: 44px;
        top: 10px;
    }
    .loginWithEmail {
        margin: 0px 0;
    }
    .modalLoginHead {
        padding-bottom: 0;
    }
    .loginWithEmail {
        margin-top: 15px !important;
    } 
    .mb4 {
        margin-bottom: 15px !important;
    }   
    .loggedInForgetPass label{
        font-size: 11px;
    }
    .dontHaveAcc{
        margin: 0 20px;
        font-size: 11px;
    }
    .dontHaveAccSignup{
        color: #8b2be1;
        font-size: 10px;
        padding-left: 10px;
    }
    
    .loggedInForgetPass a{
        font-size: 11px;
        margin-bottom: 8px;
    }
   
    /* End login Popup */
    /* login header */
    .headerLS {
        display: none;
    }
    .loginHeaderBtn {
        margin-top: 0 !important;
    }
    
.topHeader .topHeader__searchBar {
    width: 60%;
    display: none;
    margin-right: 5px;
}
    /*end login header */
}
/*  =============================================== 
    End Ncert-Quiz Test Series
=============================================== */

/*  =============================================== 
    Ncert-PDF 
=============================================== */
.pdfList {
    list-style-type: decimal-leading-zero;
}
.pdflistContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*  =============================================== 
    End Ncert-PDF 
=============================================== */



/*  =============================================== 
    Ncert-Profile 
=============================================== */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropdownMenuButton {
    color: #000;
}
.dropdown-item a {
    color: #000;
}
.dropdownMenuButton:hover {
    text-decoration: none;
    color: #8b2be1;
}
.dropdown-Profile .dropdown-item:hover a {
    color: #8b2be1;
    text-decoration: none;
}
/* .dropdown-Profile .dropdown-item:focus, .dropdown-Profile .dropdown-item:active {
    background-color: #8b2be1 !important;
    color: #fff !important;
} */
.dropdown-Profile .dropdown-item.active, .dropdown-Profile .dropdown-item:active {
    /* color: #fff; */
    text-decoration: none;
    background-color: transparent;
}
.dropdown-Profile .dropdown-item.active a, .dropdown-Profile .dropdown-item:active a{
    color: #8b2be1;
}
.dropdown-Profile .dropdown-item:focus a, .dropdown-Profile .dropdown-item:active a{
color: #fff !important;
}
.dropdownProfileHeader{
    margin-top: 0 !important;
}
.dropdown-Profile {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 
        0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1
}

.dropdown-Profile:hover .dropdown-content {
    display: block;
}

.dropdown-Profile:hover .dropbtn {
    background-color: #3e8e41;
}
.bio-row p span:first-child {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    color: #989a99;
}
.bio-row p span:last-child {
    width: 60%;
    display: inline-block;
}
.profileDetailLT {
    background: #f7f8fa;
    padding: 5px 0;
}
.bio-row p span:first-child:after {
    content: ":";
    display: inline-block;
    position: absolute;
    left: 22%;}

.bio-row p {
    position: relative;
    border-bottom: 1px solid #e2e2e5;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
}
.bio-row:last-child p {
    border-bottom: 0;
}
.profileDetailLT h4 {
    color: #434343;
    margin-top: 15px;
    padding-bottom: 10px;
}

.profileDetailLT p {
    color: #7a7a7a;
    margin-bottom: 6px;
    text-align: center;
}

.profileDetailLT h6 {
    color: #7a7a7a;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.1rem;
}
.dropdownProfileHeader .dropdown-Profile .dropdown-menu.show{
    /* right: -15px !important;  */
    left: -40px !important;
    border: 0;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

}
.dropdown-Profile .dropdown-menu.show {
    min-width: 9.5rem !important;
}
@media (min-width:576px) and (max-width:767px){
    .ncertPw{
        padding-top: 35px;
    }
    .bio-row p span:first-child, .bio-row p span:last-child, .profileDetailLT p{
        font-size: .8rem;
    }
    .profileDetailLT h4{
        font-size: 1.2rem;
    }
    .containerTop {
        padding: 0px 2%;
    }
    #dropdownMenuButton img {
        width: 23px;
    }
    
    #dropdownMenuButton {
        font-size: .7rem;
    }
    .profileDetailLT h6{
        font-size: 1rem;
    }
    .dropdown-Profile .dropdown-menu.show{
        /* left: -28px !important; */
    }
}
@media (max-width:575px){
    .pdL {
        padding: 0;
        padding-left: 15px;
    }
    .pdR {
        padding-left: 30px !important;
    }
    .profileDetailLT img {
        width: 110px;
    }
    .text-center.profileDetailLT {
        width: 70%;
        margin: 0 auto;
        border-radius: 5px;
    }
    .dropdownProfileHeader .dropdown-Profile .dropdown-menu.show {
        /* right: -15px !important; */
        /* left: -10px !important; */
        left: -45px;
    }
}
/*  =============================================== 
    End Ncert-Profile
=============================================== */



/*  =============================================== 
     Ncert-EditProfile
=============================================== */

.radioGender {
    display: flex;
    flex-direction: column;
}
.editProfileForm .form-control {
    color: #1d1d1d !important;
}
.editProfileForm .form-control::placeholder {
    color: #1d1d1d !important;
}
.editProfileForm .form-control:-ms-input-placeholder {
    color: #1d1d1d !important;
}
.editProfileForm .form-control::-ms-input-placeholder {
    color: #1d1d1d !important;
}
.editProfileForm .txtareaColor::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #1d1d1d !important;
   
  }
  
.editProfileForm .txtareaColor:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #1d1d1d !important;
  }
  
.editProfileForm .txtareaColor::-ms-input-placeholder { /* Microsoft Edge */
    color: #1d1d1d !important;
  }
  .btnSaveEditP {background-color: #8b2be1;color: #fff;padding: 8px 50px;font-weight: 600; margin-bottom: 30px;}
  .editProfileForm .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #8b2be1 !important;
}
.editProfileForm .custom-control-input:focus~.custom-control-label::before {
    box-shadow: unset !important;
}
form.form.editProfileForm label {
    font-weight: 500;
}
.profileWrapperRow{
    margin-right: 0;
}



/* Img UPload */
.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 50px auto 30px;
}
/* .avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
} */
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
}
.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.imgUploadB {
    max-width: 185px;
    width: 100%;
    padding: 10px 0;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.imgUploadBtn {
    background: #8b2be1;
}

.imgDeleteBtn {
    background: #000;
}
@media (max-width:575px){
    .row.bRow .col {width: 100%;display: block;}

.row.bRow {
    display: block;
}
.avatar-upload{
    margin-top: 0;
}
}
/* End Img Upload  */
/*  =============================================== 
    End Ncert-EditProfile
=============================================== */

/*  =============================================== 
     Ncert-ProfileEducation
=============================================== */
.profileEducatonNav {
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: space-between;
}
.profileEducatonNav .navItem {
    text-align: center;
    margin: 10px 5%;
}
.nav-pills.profileEducatonNav .navLink.active, .nav-pills.profileEducatonNav .show>.navLink {
    color: #fff !important;
    background-color: #9241ff;
    
}
.profileEducatonNav .navLink.active, .profileEducatonNav .show>.navLink {
    color: #fff !important;
    background-color: #9241ff;
    text-decoration: none;
}
.profileEducatonNav .navLink:hover{
    text-decoration: none;
}
.profileEducatonNav .navItem .navLink {
    padding: 15px 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    background: #f6f8fa;
    color: #C1C2C9 !important;
    font-weight: 600;
}

.profileEducatonNav .navItem {
    text-align: center;
    margin: 10px 5%;
}
.profileEducatonNav .navLink.active, .profileEducatonNav .show>.navLink {
    color: #fff !important;
    background-color: #9241ff;
}
.profileEducatonNav .navItem p {
    color: #C1C2C9;
    font-size: .9rem;
    margin-top: 8px;
}
.nav-pills.profileEducatonNav .nav-link.active+p, .nav-pills.profileEducatonNav .show>.nav-link+p {
    color: #9241ff !important;
    
}
.ncertPEWrapper{
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}
.profileEducatonContant .cardWrapper {
    background: #f7f7f7;
    padding: 15px 20px 20px;
    border-radius: 15px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    margin-bottom: 30px;
}
.profileEducatonContant .custom-control-label {
    color: #000;
    font-size: .8rem;
    font-weight: 500;
    
}
.profileEducatonContant .custom-checkbox .custom-control-label::before{
    background: transparent;
    border: 1px solid #dee2e6 !important;
}
.selectClassH {
    margin-bottom: 15px;
    text-transform: capitalize;
}
.pdboard {
    padding: 0 7px;
}

.selectBoardH {
    margin-left: -7px;
}

.w50{
    width: 100%;
    position: relative;
    
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;
    
}
.w25{
    width: 25%;
    
    
}
@media (max-width:767px){
    /*.profileEducatonContant {
        display: none;
    }*/
    .ncertPEWrapper {
        max-width: unset; 
         width: 100% ;
         margin: unset;
        display: block;
        float: left;
        position: relative;
    }
    .profileEducatonNav .navItem {
        text-align: center;
        margin: 10px 1%;
    }
    .profileEducatonNav .navItem .navLink {
        padding: 10px 0;
        display: inline-block;
        width: 40px;
        height: 40px;
    }
    .profileEducatonNav .navItem p {
        font-size: .7rem;
    }
    .profileEducatonNav .navItem:first-child,  .profileEducatonNav .navItem:nth-child(2){
        width: 25%;
    }
    .profileEducatonNav .navItem:nth-child(3){
        width: 44%;
    }
    .MobileEducatonContant {
        display: block;
    }
    #main #ss-accordian .card #ncertedu.card-header .btn-header-link:after {
        background: #8db4f7;
    }
    #main #ss-accordian .card #ncertedu2.card-header .btn-header-link:after,  #main #ss-accordian .card #ncertedu3.card-header .btn-header-link:after  {
        
        background: #F96422;
    }

    #main #ss-accordian .card #neAcc2.collapse.show {
        background: #f7f7f7 !important;
    }
    .selectClassH {
        display: inline-block;
        margin-bottom: 0;
        text-align: left;
        width: 91%;
    }
    div#neAcc2 {
        background: #f7f7f7;
        padding-top: 15px;
    }
    div#ssAcc3 {
        background: #f7f7f7;
        padding-top: 15px;
    }
    .cardssAcc3{
        margin-bottom: 0 !important;
    }
    #ssAcc3.collapse.show .card-body{
        padding: 0 15px !important;
    }
    #main #ss-accordian .card .card-header#ss-accordian .btn-header-link.collapsed {
        background: #f7faff;
    }
    #main #ss-accordian .card .card-header#ncertedu2 .btn-header-link.collapsed{
        background: transparent
    }
    #main #ss-accordian .card .card-header#ncertedu3 .btn-header-link.collapsed{
        background: transparent
    }
    #main #ss-accordian .card .card-header#ncertedu3 .btn-header-link{
        background: transparent;
    }
    #main #ss-accordian .card .card-header#ncertedu2 .btn-header-link{
        background: transparent !important;
    }
    #main #ss-accordian .card .crdHeader .btn-header-link.collapsed
    {
        background: transparent !important;
    }
    /*.profileEducatonContant .cardWrapper {
        background: transparent;
        padding: 0;
        box-shadow: unset;
        margin-bottom: 15px;
    }*/
    #main #ss-accordian .card .card-header .btnHLink{
        background: transparent;
    }
    
    #main #ss-accordian .card #neAcc1.collapse.show {
        background: #f7f7f7 !important;
    }
    .cardWrapper .card-body {
        padding-top: 0;
    }
    .profileEducatonContant .custom-control-label {
        font-size: .9rem;
    }
    .profileEducatonContant .custom-control-label::before {
        position: absolute;
        top: .35rem;
    }
    .custom-control-label::after {
        position: absolute;
        top: .35rem;
    }
    #main #ss-accordian .cardselectB{
        margin-bottom: 0 !important;
    }
    .profileEducatonNav {
        padding-top: 27px;
    }
    #main.MainMobileEdu{
        margin-top: 15px;
    }
    .MainMobileEdu .cardWrapper #ssAcc3 .card-body{
        padding: 0 15px !important;
    }
    .MainMobileEdu .cardWrapper #ssAcc3.collapse.show .card-body{
        padding:0 15px !important;
    }
    
    .selectClassCard .boardRow{
        margin: 0 !important;
    }
}
/*  =============================================== 
    End Ncert-ProfileEducation
=============================================== */


/*  =============================================== 
     Profile Notification
=============================================== */
.npCustomNotification {
    max-width: 576px;
    width: 100%;
    margin: 0 auto;
}
.ccItem {
    width: 46%;
    background: #e4e4e6;
    border-radius: 10px;
}

.ccFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ccItem a {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    color: #000;
}
.npNotification .ccItem span{
    display: inline-block;
    width: 100%;
    cursor: pointer;
    color: #000;
}
.ccItem .custom-control-label {
    margin-bottom: 0;
    width: 100%;
    cursor: pointer;
    padding: 12px 0;
    padding-left: 10px;
    margin-bottom: 0;
    width: 100%;
    cursor: pointer;
    padding: 12px 0;
    padding-left: 10px;
    font-size: .9rem;
}
.ccItem .custom-control-label::before {
    position: absolute;
    top: 15px;
    left: 10px;
}
.ccItem .custom-control-label::after {
    position: absolute;
    top: 15px;
    left: 10px;
}
.ccItem:nth-child(3) {
    width: 100%;
}
.ccItem .custom-control-label::before {
    border: 1px solid #c0c6cc;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background: #8b2be1;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow:unset;
}
.custom-control-input:active~.custom-control-label::before {
    
    background-color: transparent;
}
.notificationBtn a {
    display: inline-block;
    width: 185px;
    background: #8b2be1;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.notificationBtn {
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 20px;
}
.custom-checkbox .custom-control-input:indeterminate~.ccl::before{
background: transparent;
}
.ccItem .ccl::after{
    left: 0;
}
.ccItem .ccl::before{
    left: 0;
}
.ccItem .custom-control-label.ccl{
    padding-left: 0;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label.ccl::after {
    background: none;
}

@media (max-width:767px){
    .ccFlex{
    display: inline-block;
    margin-top: 50px;
    width: 100%;
    padding: 0 15px;
    }
    .ccItem{
        width: 100%;
    }
    .notificationBtn {
        margin: 0 auto;
        margin-bottom: 30px;
        margin-top: 20px;
        display: flex;
        justify-content: center;
    }
    .cardWrapper .selectClassH{
        font-size: .9rem;
    }
}
/*  =============================================== 
    End Profile Notification
=============================================== */

/*  =============================================== 
     Social Media Marketing
=============================================== */
.smmBannerRT img {
    position: unset;
}
.hssContent {
    width: 75%;
    margin: 30px auto;
    margin-bottom: 0;
}
.hss {
    box-shadow: 0px 14px 30px 1px rgb(211 44 88 / 50%);
    margin: 30px 0;
    text-transform: uppercase;
    color: #d32c58;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 15px 0;
}
.hss a{
    color: #d32c58;
}
.hssSocialCard {
    display: inline-block;
    max-width: 160px;
    width: 100%;
    padding: 20px 15px 0;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    box-sizing: border-box;
    margin: 0 1.2% 40px;
    background: linear-gradient(#fff, #95f5ff);
    border: 0.5px solid #ccfffe;
    border-radius: 15px;
}
.hssIcon span:nth-child(2) {
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-top: 7px;
}
.hssSocialCardFB{
    
    background: linear-gradient(#fff, #b3d9fe);
}
.hssSocialCardPT{
    
    background: linear-gradient(#fff, #b3d9fe);
}
.hssSocialCardLN{
    
    background: linear-gradient(#fff, #b8f8ff);
}
.hssSocialCardPT{
    
    background: linear-gradient(#fff, #ffb6b7);
    border-color: #ffe6e7;
}
.hssSocialCardIn{
    
    background: linear-gradient(#fff, #ffcafe);
    border-color: #ffd4ff;
}
.hssSocialCardIn{
    
    background: linear-gradient(#fff, #ffd2ff);
    border-color: #ffd2ff;
}
.hssSocialCardYou{
    
    background: linear-gradient(#fff, #fda49e);
    border-color: #ffd4ff;
}
.hssSocialCardTg{
    
    background: linear-gradient(#fff, #cdfffd);
    border-color: #cdfffd;
}

.hssSocial {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.hssIcon i,.hssIcon span {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: #000;
}
.hssIcon {
    margin-bottom: 20px;
}
.hssIcon i {
    width: 45px;
    padding: 10px;
    background: #000;
    color: #fff;
    margin: 0 auto 10px;
    border-radius: 8px;
    font-size: 25px;
}
.hssIcon span:last-child {
    font-size: .6rem;
}


.hssIcon .fa-twitter {
    background: #55ACEE;
    color: white;
}



.hssIcon .fa-facebook {
    background: #3B5998;
    color: white;
}
.hssIcon .fa-google-plus {
    background: #dd4b39;
    color: white;
}
.hssIcon .fa-linkedin {
    background: #007bb5;
    color: white;
}
.hssIcon .fa-youtube {
    background: #bb0000;
    color: white;
}
.hssIcon .fa-pinterest {
    background: #c8232c;
    color: white;
}
.hssIcon .fa.fa-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    color: #fff;
}
.hssIcon .fa:hover {
    opacity: 0.7;
    color: #fff;
}

.hssInfo h3 {
    width: 52%;
    margin: 0 auto;
    text-align: center;
    color: #2e3c49;
    font-weight: 600;
    margin: 18px auto;
    padding-top: 8px;
}
.smmBannerLT h1 {
    font-size: 2.0rem;
    color: #111419;
    font-weight: 500;
}

.smmBannerLT p {
    color: #9B9B9B;
    font-size: 1.0rem;
    margin-bottom: 0;
    padding-right: 50px;
}
.smmBannerLT p:last-child{
    padding-right: 0;
}
.hssInfo p {
    color: #5e6166;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 30px;
}
@media (min-width:768px) and (max-width:991px){
    .smmBannerLT h1 {
        font-size: 1.2rem;
    }
    .smmBannerLT p {
        color: #9B9B9B;
        font-size: .8rem;
    }
    .hssInfo h3 {
        width: 70%;
        font-size: 1.7rem;
    }
    
    .hssInfo p {
        font-size: .8rem;
    }
}
@media (max-width:767px){
    .bannerLT {
        margin-top: 15px;
    }
    
    .smmBannerLT h1 {
        font-size: 1.4rem;
    }
    
    .smmBannerLT p {
        font-size: .8rem;
        padding-right: 0;
    }
    
    .hssContent {
        width: 100%;
    }
    
    .hss {
        font-size: .9rem;
    }
    
    .hssInfo h3 {
        width: 85%;
        font-size: 1rem;
        margin-bottom: 10px;
    }
    
    .hssInfo p {
        font-size: .8rem;
    }
    .hssSocialCard {
        
        max-width: 130px;
    }
    .hssSocialCard{
    padding: 20px 8px 0;
    margin: 0 2% 40px;
    margin-bottom: 10px;
    }
}
/*  =============================================== 
    End Social Media Marketing
=============================================== */

/*  =============================================== 
    JEE Main Syllabus
=============================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
.jeeSyllabus {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}
.h1-banner-title h1{
    color: #fff;
    background-color: #0085bd;
    padding: 10px 15px;
    margin-bottom: 20px;
    padding-left: 3.8%;
    font-size: 24px;
    margin: 20px 0 15px;
    font-family: 'Roboto', sans-serif;
}
p.p-banner-title {
    font-family: Roboto,sans-serif;
    font-size: .9rem;
    line-height: 1.42857143;
    color: #333;
}
.jSContainer{
    border: solid 1px;
    padding: 0px 5% 7px 2%;
    border-radius: 12px;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%), 0 4px 8px 0 rgb(0 0 0 / 10%);
    margin: 17px 7% 20px;
    width: fit-content;
}
.jSContainer ul li a {
    color: #73ad21;
    text-decoration: none;
    font-size: .9rem;
}
.jSContainer ul li a:hover {
    color: #5d8e17;
    text-decoration: underline;
}

.jSContainer ul>li {
    list-style-type: disc;
}

.jeeSyllabusTable .table-bordered td, .jeeSyllabusTable .table-bordered th {
    border: 1px solid #8f9087;
}
.jSContainer ul {padding-inline-start: 35px !important;}
@media(max-width:767px){
    .jeeSyllabus span {
        display: block;
        font-size: 17px !important;
        max-width: 300px;
        width: 100%;
    }
    
    .jeeSyllabus {
        margin: 10px 0 15px !important;
    }
    .jSContainer ul {
        padding-inline-start: 35px !important;
  
        
    }
    .jSContainer{
        margin: 15px 0 !important;
    }   
}
/*  =============================================== 
    End JEE Main Syllabus
=============================================== */

/*  =============================================== 
    NCERT Profile Selection
=============================================== */
.psList {
    list-style-type: none;
    padding-left: 0;
    background-color: #f9f3ff;
    border-radius: 5px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    box-sizing: border-box;
}
.psHeading {
    padding: 0 0 0 20px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
}

.psList li {
    padding: 15px 20px;
    border-bottom: 1px solid #ebe3f2;
}
.psList li:last-child{
    border: none;
}
.psListLT{
    width: 32%;
    display: inline-block;
}
.psListLT span{
    font-size: 14px;
}
.psListRT{
    width: 65%;
    display: inline-block;
}

.psList li .psListRT span {
    font-weight: 500;
    background: #f1e7ff;
    padding: 5px 15px;
    border-radius: 15px;
    text-transform: capitalize;
    font-size: 14px;
    margin-right: 5px;
    color: #9e78cf;
}
.profileSection.psc {
    margin-top: 40px;
}
.profileSection.psc .psList {
    background: #ffe8de;
}
.profileSection.psc .psList  li .psListRT span{
    color: #ba805b;
    background-color: #fef3ed;
}
.btnPS {
    margin-bottom: 20px;
    margin-top: 35px;
}
.btnPSLT {display: inline;}

.btnPSRT {
    float: right;
}
.btnPSLT a {
    border: 1px solid #848484;
    color: #848484;
    padding: 8px;
    max-width: 140px;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: 7px;
    text-decoration: none;
    margin-right: 5px;
}
.btnPSLT a.active, .btnPSLT a:hover{
    background-color:#9241ff ;
    color: #fff;
}
.btnPSRT a {
    padding-top: 15px;
    display: inline-block;
    font-size: 16px;
    color: #9241ff;
}
.btnPSRT a i{
    font-size: 25px;
    position: relative;
    top: 2px;
}
@media (min-width:992px) and (max-width:1199px){
    .psListLT span {
        font-size: 13px;
    }
    .psList li .psListRT span{
        font-size: 13px;
        margin: 2px 4px;
    }
    .psList li {
        
        display: flex;
        flex-wrap: wrap;
    }
    .psListLT {
        width: 40%;
        display: flex;
        flex-wrap: wrap;
    }
    .psListRT {
        width: 60%;
        display: flex;
        flex-wrap: wrap;
    }
}
@media (min-width:768px) and (max-width:991px){
    .psListLT span {
        font-size: 12px;
    }
    .psList li .psListRT span{
        font-size: 12px;
        font-size: 12px;
        margin: 2px 4px;
    }
    .psList li {
        
        display: flex;
        flex-wrap: wrap;
    }
    .psListLT {
        width: 40%;
        display: flex;
        flex-wrap: wrap;
    }
    .psListRT {
        width: 60%;
        display: flex;
        flex-wrap: wrap;
    }
    .psList li .psListRT span {
        
        padding: 5px 10px;
    }
}
@media (max-width:767px){
    .psListLT {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }
    
    .psListRT {
        display: block;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    }
    .psList li .psListRT span {
        padding: 5px 7px;
        border-radius: 5px;
        font-size: 12px;
        margin-bottom: 5px;
    }
    .psList li {
        padding: 15px 20px 10px;
    }
    .psRT {
        padding-left: 30px !important;
        padding-left: 20px !important;
        padding-right: 5px !important;
    }
    .psHeading {
        padding: 0px 0 0 20px;
        text-transform: capitalize;
        font-weight: 400;
        margin-bottom: 12px;
    }
    .profileSection.psc {
        margin-top: 26px;
    }
    .btnPSLT {
        display: flex;
        justify-content: center;
    }
    .btnPSRT {
        float: none;
        text-align: center;
        margin-top: 10px;
    }
}
/*  =============================================== 
    End NCERT Profile Section
=============================================== */

/*  =============================================== 
    NCERT StateWise Section
=============================================== */
.ncertStateWrapper .accordion-menu .menu li a {
    color: #494949;
    display: block;
    padding: 15px 20px;
    background: #F7F8FA;
}

.ncertStateWrapper .accordion-menu .menu i.fa {
    font-size: 12px;
    line-height: 18px;
    float: right;
    margin-left: 10px;
}

.ncertStateWrapper .subject-content>ul>li a:hover, .ncertStateWrapper .subject-content>ul>li a:focus {
    border: 1px solid #5222db;
    border-radius: 5px;
}

.ncertStateWrapper .accordion-menu .menu li a:hover {
    background: #9141FF;
    color: #fff;
}
.ncertStateWrapper .firstLi {
    margin-bottom: 7px;
}
.ncertStateWrapper .accordion-menu .menu ul li {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    
}

.ncertStateWrapper .description_class table tbody tr:first-child td {
    background-color: #181063 !important;
    color: #fff;
    
}
.ncertStateWrapper .description_class table tbody tr{
    border-color: #5222db !important;
}
.ncertStateWrapper .description_class table tbody tr td {
    border-left: 1px solid #5222db !important;
    border-right: 1px solid #5222db!important;
    
}

.ncertStateWrapper .description_class table tbody tr td a strong {
    font-weight: 400;
    color: #8e47e9;
}
.ncertStateWrapper .description_class table tbody tr td u{
    text-decoration: none;
}
.ncertStateWrapper .description_class table tbody tr td a {
    text-decoration: none;
    color: #8e47e9;
    font-size: 14px;
}
.ncertStateWrapper .description_class table tbody tr td a:hover {
    color: #eedcd4;
}
.ncertStateWrapper .description_class table tbody tr td a.active, .ncertStateWrapper .description_class table tbody tr td a.active strong {
    color: #f26628 !important;
}
.ncertStateWrapper .description_class table tbody tr td a:hover strong {
    color: #f26628;
}
.ncertStateWrapper .description_class table tbody tr td strong{
    font-weight: 400;
    
}
.ncertStateWrapper .description_class table tbody td, .ncertStateWrapper  table tbody th {
    padding: .5rem 1rem;
}
.ssBanner img {
    margin-bottom: 10px;
}

.ssBanner {
    padding-top: 30px;
}
.ssbLink a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #000;
    color: #000;
    padding: 8px 0;
    font-size: 14px;
    text-transform: capitalize;
}
.ssbLink a .fa{
    font-weight: 600;
    font-size: 1rem;
}
.ssbLink a:hover, .ssbLink a.active {
    border-bottom: 1px solid #8e47e9;
    color: #8e47e9;
}
.ssbLink {
    margin-bottom: 15px;
}
 
.stButton a {
    border: 1px solid #5222db;
    padding: 7px 10px;
    border-radius: 53px;
    margin: 5px;
    font-size: .8rem;
    color: #000;
    font-weight: 600;
}

.stButton {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 15px;
}
.stButton a:hover{
    background-color: #5222db;
    color: #fff;
}
.stButton a.active{
    background-color: #5222db;
    color: #fff;
}
@media (max-width:767px){
    .stButton a{
        font-size: .7rem;
    }
    .ncertStateWrapper .class-subject-tab .nav-item{
        border: 1px solid #9141FF;
    }
    .ncertStateWrapper .tab-subject{
        margin-top: 20px;
    }
    .ncertStateWrapper .tab-content>.tab-pane{
        padding: 0;
    }
    .description_class table{
        margin-bottom: 0;
    }
    .ssBanner {
        padding-top: 0;
    }
    .ncertStateWrapper .tab-content{
        padding-bottom: 0px !important;
    }
}
/*  =============================================== 
    End NCERT StateWise Section
=============================================== */

/*  =============================================== 
    ncertBlog Section
=============================================== */
.description_class p a, .description_class p span a {
    /*color: #ef8251;*/    
}
.description_class p a:hover, .description_class p span a:hover {
    color: #e14c0b;
}
.ncertBlogHead h1 {
    font-size: 30px;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 15px;
    font-family: auto;
}
 .blog-cls-left {
    padding-top: 0px !important;
}
.ncertBlogImg {
    margin-bottom: 35px;
}

.description_class p {
    /*font-weight: 500;*/
}
.blogKeyFeatures h1 {
    background-image: linear-gradient(to right, #AC208C , #f66126);
    padding: 15px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 2rem;
    font-family: auto;
    margin-bottom: 15px;
}
.ncertBookbg {
    border: 1px solid #1b134f;
    padding: 20px 5% 7px 0%;
    border-radius: 12px;
    /* box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%), 0 4px 8px 0 rgb(0 0 0 / 10%); */
    margin: 17px 7% 20px;
    width: fit-content;
    background: #f9f3ff;
    font-size: 13px;
}
.ncertBlog .description_class p {
    font-weight: 500;
    font-family: auto;
    font-size: 1.2rem;
}
.ncertBookbg h3 {
    margin-left: 30px !important;
    text-transform: capitalize;
    text-decoration: underline;
    font-size: 1.2rem;
    color: #1b134f;
}
.blogKeyFeatures 
 h4 {
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 30px;
}
.accFAQ h2 {
    font-size: 2rem;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 0px !important;
}
.accFAQ .item {
    margin-bottom: 0;
}

 .accFAQ .item .mb-0 {
    margin-top: 10px;
}
.accFAQ .AccContainer .accordion .item .item-header h2 button.btn.btn-link{
    border-radius: 10px;
    white-space: normal;
    word-wrap: break-word;
    line-height: 24px;
    /* padding-bottom: 0; */
    position: relative;

}
.accFAQ .AccContainer .accordion .item .item-header h2 i{
    width: unset;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: 4px;
    right: 15px;
}
.ncertBlog .description_class .accFAQ p {
    font-weight: 500;
    font-family: auto;
    font-size: 1.2rem;
    background: #f7f8fa;
    padding: 15px 0px 15px 25px;
}
.ncertBlog .description_class ul li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 10px;
    padding-left: 15px;
}

.ncertBlog .description_class ul li:before {
    content: " ";
    position: absolute;
    top: 2px;
    display: inline-block;
    height: 15px;
    width: 2px;
    margin-right: 13px;
    background: #554f4f;
}
.ncertBlog .description_class .ncertBookbg ul li:before{
    top: 15px;
    display: inline-block;
    height: 2px;
    width: 15px;
    background: #6531e2;
    opacity: .5;
    position: absolute;
}
.ncertBookbg a {
    font-size: 1.1rem;
    font-family: auto;
}
.ncertBlog .description_class ul li:hover:before{
    background-color: #FF5722;
}
.ncertBlog .description_class ul li:before{
    background-color: #8b2be1;
}
.ncertBlog .AccContainer .accordion .item .item-header h2 button.btn.btn-link{
    color: #000;
    background: #d6d9de;
    box-shadow: unset !important;
    padding-right: 50px;
}
.ncertBlog .AccContainer .accordion .item .item-header h2 i{
    color: #000;
}
.ncertBlog .AccContainer .accordion .item .item-header {
    margin-bottom: 0;
}
/* .ncertBlog .AccContainer .accordion, .ncertBlog .AccContainer .accordion .collapse  {
    display: block;
    padding: 0 20px 0 0;
} */
.ncertBlog .AccContainer .accordion .collapse.show {
    display: block;
    /* padding: 0 20px 0 0; */
    padding-right: 0 !important;
    
}
.ncertBlog .t-p{
    padding: 0;
    padding-right: 20px;
    background: #f7f8fa;
}
.ncertBlog .accFAQ .item {
    margin-bottom: 0;
    background: #f7f8fa;
    border-radius: 12px;
    /* padding: 0 20px; */
}
.accFAQ {
    margin-bottom: 30px;
    border-bottom: 2px solid #8d8d8d;
    padding-bottom: 30px;
}
a.relatedNewsAnchor {
    display: inline-block;
    background: #f7f7f7;
    padding: 20px;
    margin-bottom: 25px;
    
}
a.relatedNewsAnchor h5 {
    color: #c1c2c6;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0 0 5px;
}

a.relatedNewsAnchor p {
    color: #000;
    line-height: 22px;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem !important;
    text-align: start;
    font-weight: 600 !important;
    padding: 10px 0;
    min-height: 95px;
    max-height: 96px;
    height: 100%;
    overflow: hidden;
}

a.relatedNewsAnchor h6 {
    color: #c3c0cb;
    font-size: .7rem;
}

a.relatedNewsAnchor h4 {
    font-size: .8rem;
    text-transform: capitalize;
    text-decoration: underline;
    color: #000;
    margin-top: 12px;
}
a.relatedNewsAnchor:hover {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    background: #f9f3ff;
}

a.relatedNewsAnchor:hover h4 {
    color: #9241ff;
}
a.btnViewAll {
    display: inline-block;
    float: right;
    margin: 30px 0;
    background: #9141ff;
    padding: 6px 15px;
    color: #fff !important;
    border-radius: 51px;
}
.selectYourCat {
    margin-top: 80px;
    background: #f7f8fa;
    padding: 15px;
    border: 1px solid #c1c2c6;
    border-radius: 5px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.update-card {
    color: #f5f0ff;
    padding: 15px;
    background: unset;
    border: 0;
}
.selectYourCat h3 {
    font-size: 1.2rem;
    text-transform: capitalize;
    display: inline-block;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

.selectYourLink a {
    display: inline-block;
    padding: 7px 15px;
    background: #fff;
    margin: 6px 2px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    font-size: .9rem;
}

.selectYourLink a:hover, .selectYourLink a.active {
    background: #9141ff;
    color: #fff;
}
.ncertBlog .description_class .blUL li{
    cursor: pointer;
    position: relative;
}
.ncertBlog .description_class .blUL li:before{
    background-color: #554f4f;
}
.ncertBlog .description_class .blUL li:hover:before{
    background-color: #554f4f;
    cursor: pointer;
}
@media (min-width:768px) and (max-width:991px){
    .blogKeyFeatures h1{
        font-size: 1.4rem;
        font-weight: 600;
    }
    .blogKeyFeatures h4 {
        font-size: 1.3rem;
        font-weight: 600;
    }
    .ncertBookbg a {
        font-size: 1rem;
    }
    a.relatedNewsAnchor p{
        font-size: .8rem !important;
    }
}
@media (max-width:767px){
    .ncertBlogHead h1 {
        font-size: 1.5rem;
        font-weight: 600;
    }
    
    .ncertBlog .description_class p {
        font-size: 1rem;
        line-height: 25px;
    }
    
    .ncertBlog .description_class table {
        margin-bottom: 20px;
    }
    
    .blogKeyFeatures h1 {
        font-size: 1.5rem;
        padding: 12px 10px;
        line-height: 26px;
    }
    
    .blogKeyFeatures h4 {
        font-size: 1.4rem;
    }
    
    .ncertBlog .description_class .blUL li {
        font-size: .8rem;
        position: relative;
    }
    
    .ncertBlog .description_class .blUL li:before {
        position: absolute;
        left: -15px;
    }
    
    .ncertBookbg {
        margin: 0;
    }
    
    .ncertBookbg a {
        font-size: 1rem;
    }
    .ncertBlog .description_class .nbUL li {
        position: relative;
        padding-left: 10px;
        margin-bottom: 8px;
    }
    
    .ncertBlog .description_class .nbUL li:before {
        position: absolute;
        left: -15px;
        top: 9px !important;
    }
    .ncertBookbg h3 {
        margin-left: 15px;
    }
    .accFAQ h2 {
        font-size: 1.7rem;
    }
    .ncertBlog .description_class .accFAQ p{
        font-size: 1rem;
    }
    a.relatedNewsAnchor p {
        min-height: 110px;
        max-height: 115px;
    }
    a.relatedNewsAnchor {
        margin-bottom: 15px;
    }
    a.btnViewAll {
        margin: 15px 0;
    }
    
    .selectYourCat {
        margin-top: 30px !important;
        margin-bottom: 30px;
    }
    a.btnViewAll {
        float: unset;
        margin: 15px auto !important;
        max-width: 112px;
        display: block;
    }
}
/*  =============================================== 
    End ncertBlog Section
=============================================== */


/*  =============================================== 
     ncertBlogMultiple Section
=============================================== */
.ncertStateWrapper.ncertBlog.ncertBlogM {
    margin-top: 40px;
}
.ncertBlog .relatedNewsAnchorMultiple p {
    min-height: 98px;
    max-height: 100px;
}
.blogContentMid {
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
    min-height: 96px;
    max-height: 97px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.relatedNewsAnchorMultiple p {
    margin-bottom: 5px;
}
@media (min-width:768px) and (max-width:991px){
    .blogContentMid {
        font-size: .8rem;
    }
    
}
@media (min-width:992px) and (max-width:1199px){
    .selectYourCat h3 {
        font-size: 1rem;
    }
    .selectYourLink a{
        font-size: .8rem;
    }
}
/*  =============================================== 
    End ncertBlogMultiple Section
=============================================== */

/*  =============================================== 
    Bottom Footer Section
=============================================== */
.footerN1 {
    width: 45%;
}

.footerN2 {
    width: 25%;
}

.footerN5 {
    width: 30%;
}
.footerBottom {
    background: #181063;
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 65px;
    box-sizing: border-box;
}


.footerBottom h3 {
    color: #fff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin: 10px 0 20px;
}
.footerBottom .row a {
    color: #8b87b7;
    font-size: .8rem;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
}
.footerBottom .card {
    background: transparent;
}
.footerBottom #main #ss-accordian .card .card-header .btn-header-link{
    color: #fff !important;
    padding: 5px 0;
}


.footerBottom .footerCard {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #8680bc;
}
.footerBottom .card-header{
    border: 0;
    background: transparent;
    padding: 0;
    margin-top: 15px;
}
.footerBottom .card-body{
    padding: 0 0rem 1rem;
}
.footerBottom .fbCollapse{
    /* border-bottom: 1px solid #8680bc; */
    margin: 0px 12px;
}
.fbcol {
    padding: 0 5px;
}
.footerBottom .footerCard:last-child {
    border-bottom: 0;
}
.footerBottom .row a:hover, .footerBottom .row a.active {
    color: #bb7077;
}
.otherBoard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    margin-right: -15px;
    margin-left: -15px;
}
.ob {
    position: relative;
    /* width: calc(100% - 15%); */
}

.ob:first-child {
    padding-left: 6px !important;
}
.ob{
    padding-left: 8px !important;
    padding-right: 4% !important;
}
.ob:last-child {
    border-right: 0;
}
.ob a {color: #8b87b7;font-size: .8rem;text-transform: uppercase;display: inline-block;width: 100%;margin-bottom: 8px;}
.ob a:hover, .ob a.active{
    color: #bb7077;
}
.ob h3 {
    margin-bottom: 5px;
}
.ob:after {
    content: " ";
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 2px;
    background-color: #8680bc;
    top: 0;
    left: 85%;
}
.ob:last-child:after{
    display: none;

}
.copyrht {
    display: flex;
    justify-content: center;
    align-items: center;
}
.copyrht p {
    margin-bottom: 0;
}

@media (min-width:1400px){
    .ob:after {
        
        left: 81%;
    }
}
@media (min-width:1600px){
    .ob:after {
        
        left: 72%;
    }
}
@media(min-width:768px) and (max-width:991px){
    .footerBottom .row a {
        color: #8b87b7;
        font-size: .7rem;
    }
    .footerBottom {
        padding: 10px 30px;
    }
}
@media (max-width:767px){
    .footerBottom {
        padding: 0px 15px 10px;
    }
    .footerBottom #main{
        margin-top: 0;
        margin-bottom: 0;
    }
    .footerBottom .card{
        background-color: unset;
    }
    .footerBottom #main #ss-accordian .card .collapse.show{
        background: unset;
    }
    .footerBottom #main #ss-accordian .card .card-header .btn-header-link.collapsed{
        background: unset;
    }
    .footerBottom #main #ss-accordian .card .card-header .btn-header-link{
        background: unset;
        text-align: left;
    }
    .footerBottom #main #ss-accordian .card {
        margin-bottom: 15px;
        border-bottom: 1px solid #8680bc;
    }
    .fbcol {
        padding: 0 15px;
    }
    .footerBottom .card-body {
        
        background: #181063;
    }
    .footerBottom #main #ss-accordian .card {
        margin-bottom: -3px;
        padding-bottom: 3px;
    }
    .footerBottom .card-header{
        margin-top: 8px;
    }
    .footerBottom #main #ss-accordian .card:last-child {
        border-bottom: 0;
    }
    .footerBottom #main #ss-accordian .card .card-header .btn-header-link{
        font-weight: 400;
    }
    .footerN5 {
        width: 50%;
    }
    .ob {
        width: 50%;
        border: none;
        padding: 0;
    }
    .otherBoard {
        flex-wrap: wrap;
    }
    .ob:after{
        display: none;
    
    }
}

/*  =============================================== 
    End Bottom Footer Section
=============================================== */










@media (min-width: 768px) {
    #carouselDennis .carousel-item, #carouselDennis2 .carousel-item{
        padding: 0 7px !important;
    }
    #carouselDennis .carousel-control-prev, #carouselDennis2 .carousel-control-prev {
        left: -3% !important;
        width: 60px !important;
        height: 60px !important;
        background-image: url(../images/leftArrow1.png) !important;
        background-repeat: no-repeat !important;
        display: inline-block !important;
        top: 55%;
    }
    #carouselDennis .carousel-control-prev i, #carouselDennis2 .carousel-control-prev i{
        display: none;
    }
    #carouselDennis .carousel-control-next, #carouselDennis2 .carousel-control-next {
        right: -6% !important;
        width: 60px !important;
        height: 60px !important;
        background-image: url(../images/right-arrow.png) !important;
        background-repeat: no-repeat !important;
        display: inline-block !important;
        top: 55%;
    }
    #carouselDennis .carousel-control-next i,  #carouselDennis2 .carousel-control-next i{
        display: none;
    }
    /* show 4 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }
    
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    /* last visible item + 1 */
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-next.carousel-item-left {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible;
    }

}


@media (max-width:767px){
    #carouselDennis .carousel-control-prev, #carouselDennis2 .carousel-control-prev {
        left: -10% !important;
        width: 60px !important;
        height: 60px !important;
        background-image: url(../images/leftArrow1.png) !important;
        background-repeat: no-repeat !important;
        display: inline-block !important;
        top: 55%;
    }
    #carouselDennis .carousel-control-prev i, #carouselDennis2 .carousel-control-prev i{
        display: none;
    }
    #carouselDennis .carousel-control-next, #carouselDennis2 .carousel-control-next {
        right: -23% !important;
        width: 60px !important;
        height: 60px !important;
        background-image: url(../images/right-arrow.png) !important;
        background-repeat: no-repeat !important;
        display: inline-block !important;
        top: 55%;
    }
    #carouselDennis .carousel-control-next i, #carouselDennis2 .carousel-control-next i{
        display: none;
    }

    #emptyPopup #popupBody { max-height: 300px; overflow: scroll; }
}





/*Joginder Code Start*/
.hideThis {
    display: none;
}
.classRow {
    padding-left: 40px;
}
.profileEducatonNav p {
    text-align: center;
}

.choose-class-lang {
    padding-top: 1px;    
}
.class-lang {
    padding-top: 35px;padding-bottom: 10px;
}

.bgRight {
    background-color: #4ac493 !important;
    color: #fff;
}
.bgWrong {
    background-color: #f97a83 !important;
    color: #fff;
}
.bgNotAnswered {

}
.bgRight span:first-child {
    border-color: #fff !important;
}
.bgWrong span:first-child {
    border-color: #fff !important;
}
.aBgRight:before {
    background-color: #4ac493 !important;
    border: 1px solid #4ac493 !important;
}
.aBgWrong:before {
    background-color: #f97a83 !important;
    border: 1px solid #f97a83 !important;
}
.avatar-preview {
    margin-bottom: 10px;
}
#headerSearchIcon {
    margin-right: 20px;
}

#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: black; opacity: 0.80; }
#loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite;  animation: spin 2s linear infinite; }
#loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
#loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%  {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}      
.download-app-pdf-btn { background-color: #fa6425; color: white; margin-left: 2px; }
.footerBottom .row a { color: #C5C3D8; font-size: .9rem; font-weight: 400; }
#emptyPopup #popupBody { max-height: 300px; overflow: scroll; }
/*Joginder Code