html, body {
    width: 100%;
    height: 100%;
    color: #000;
}
body {
    font-family: 'Tahoma', sans-serif;
    font-size: 14px;
}
a, a:focus {
    outline: none;
    cursor: pointer;
}
a:hover {
    color: #000;
}
.set-img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    height: 200px;
}
.set-google-classroom-img {
    vertical-align: middle;
    height: 60px;
    width: 100px;
    border-radius: 5px 5px 0 0; 	
}
.mt30 {
    margin-top: 30px;
}
.m0 {
    margin: 0;
}
.mb10 {
    margin-bottom: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mtb10 {
    margin: 10px 0;
}
.mtb20 {
    margin: 20px 0;
}
.p0 {
    padding: 0;
}
.p5 {
    padding: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt11 {
    margin-top: 0px;
}
.cssmenu {
    position: absolute;
    z-index: 99999;
}
.small, small {
    font-size: 12px;
}
header {
    width: 100%;
    z-index: 99;
    clear: both;
}
section {
    clear: both;
    padding: 100px 0 80px;
    overflow: hidden;
}
.navbar {
    height: 65px;
    margin-bottom: 0;
}
.dmanualBlock{
    padding: 30px 0;
    display: none;
    background-color: rgb(238, 238, 238);
    border-bottom: 1px dashed;
}

.fa-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
/* -------------------- point icon --------------- */
a.extraanch{
    display:flex;
}
/*.extra-badge {
    font-size: 23px;
    position: relative;
    z-index: 6;
}*/
/*.normal-badge {
    font-size: 12px;
    margin-left: -10px;
    color: #000;
    border: 1px solid #ccc;
     border-left: unset; 
    position: relative;
    padding: 3px 5px 3px 12px;
    z-index: 0;
    border-radius: 5px;
}*/

/*.new-dd.std-ddm{
    float: left;
}*/
/*a.scicon{
    display: flex;
    float: right;
    margin-top: 15px;
}*/

.extra-badge {
    font-size: 23px;
    position: relative;
    z-index: 6;
}
.normal-badge {
    font-size: 12px;
    margin-left: -10px;
    color: #000;
    border: 1px solid #ccc;
    /* border-left: unset; */
    position: relative;
    padding: 3px 5px 3px 12px;
    z-index: 0;
    border-radius: 5px;
}

/*------------------------ MENU --------------------------*/
.set-logo {
    height: 60px;
    padding: 5px;
}
.css-menu {
    background: #e5e5e5 none repeat scroll 0 0;
    border-bottom: 1px solid #007cc5;
    font-family: "Open Sans", sans-serif;
    line-height: 1;
    width: auto;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {
    border: 0 none;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}
#cssmenu::after, #cssmenu > ul::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    float: right;
    font-family: "Open Sans", sans-serif;
    line-height: 1;
    width: auto;
    margin-top: 15px;
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu > ul > li > a {
    color: #000000;
    font-size: 12px;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.2s ease 0s;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
    color: #009ae1;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 5px;
}
#cssmenu > ul > li.has-sub > a::after {
    content: "";
    font-family: fontawesome;
    margin-left: 3px;
}
#cssmenu > ul > li.has-sub:hover > a::after {
    border-color: #009ae1;
}
#cssmenu ul ul {
    left: -9999px;
    position: absolute;
}
#cssmenu li:hover > ul {
    left: auto;
}
#cssmenu.align-right li:hover > ul {
    right: 0;
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li {
    height: 0;
    transition: height 0.2s ease 0s;
}
#cssmenu ul li:hover > ul > li {
    height: 32px;
}
#cssmenu ul ul li a {
    background: #333333 none repeat scroll 0 0;
    color: #dddddd;
    font-size: 12px;
    padding: 10px;
    text-decoration: none;
    transition: color 0.2s ease 0s;
    width: 180px;
}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
    color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    content: "";
    height: 4px;
    position: absolute;
    right: 10px;
    top: 13px;
    transform: rotate(-45deg);
    transition: border-color 0.2s ease 0s;
    width: 4px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
    border-color: #dddddd -moz-use-text-color -moz-use-text-color #dddddd;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    left: 10px;
    right: auto;
}
#cssmenu ul ul li.has-sub:hover > a::after {
    border-color: #ffffff;
}
/*------------------------ HOME --------------------------*/
#new-sec {
    background-color: #ecf9ff;
    background-image: url(../img/abou-new-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left center;
}

.cc-control.left, .cc-control.right {
    background-image: none;
    background-repeat: no-repeat;
    color: #fffefe;
    opacity: 1;
    position: absolute;
    top: 0;
}
.sec-title {
    color: #ff0000;
    font-size: 26px;
    text-transform: uppercase;
}
.set-sec {
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}
.plr35{padding: 0px 35px;}

.set-chk-data{    float: left;
                  margin-left: 10px;}
/*header .sticky-nav {
    position: relative;
    width: 100%;
    z-index: 1001;
    top: 10%;
    background-color: #e5e5e5;
}
.navbar {
    height: 75px;
    margin-bottom: 0;
}
header .sticky-nav.stuck {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 3px 5px #d7d7d7;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 1s ease-in-out 0s;
    z-index: 1001;
}*/

._1utmsh47 {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    border-width: 0px !important;
    border-style: solid !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    margin: 0px !important;
    padding: 0px !important;
    position: relative !important;
    z-index: 0 !important;
    min-height: 0px !important;
    min-width: 0px !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important;
}

._jc8ciaz {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    margin-top: 0px !important;
    display: block !important;
    font-family: Lato, "Noto Sans", sans-serif !important;
    font-weight: 900 !important;
    color: #21242c !important;
    text-overflow: ellipsis !important;
    margin-bottom: 4px !important;
    margin-right: 4px !important;
}

._sfuqj5z {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-family: Lato, "Noto Sans", sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    color: #21242c !important;
    text-overflow: ellipsis !important;
    margin-bottom: 4px !important;
    max-height: 36px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

._le0nuii {
    -webkit-box-direction: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    -webkit-align-items: stretch !important;
    align-items: stretch !important;
    border-width: 0px !important;
    border-style: solid !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    margin: 0px !important;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px !important;
    position: relative !important;
    z-index: 0 !important;
    min-height: 0px !important;
    min-width: 0px !important;
    background-color: rgba(33,36,44,0.16) !important;
    height: 48px !important;
    width: 1px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
}

textarea.form-control { resize: none;   height: 200px; }
.set-s-head{background-color: #ededed;    color: #000;}
.stud-name {
    line-height: 20px;
    list-style: outside none none;
    margin-top: 10px;
    padding-left: 0;
}

.set-stud-name {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
}

.set-stud-name label {
    font-weight: normal;
}
.btn-red {
    margin-top: 12px;
    background-color: rgb(255, 0, 0);
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}
.btn-red:hover, .btn-red:focus {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.mb35{   margin-bottom: 35px;}
.profile-pic{  height: 200px;    line-height: 200px;    text-align: center;}
.profile-input{ background-color: #cccccc;    font-size: 12px;    padding: 5px;    width: 100%;}

@media all and (max-width: 768px), not all, only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .cssmenu {
        /*          z-index: 1;*/
    }
    #cssmenu {
        float: none;
        width: 100%;
    }
    #cssmenu ul {
        display: none;
        width: 100%;
    }
    #cssmenu.align-center > ul, #cssmenu.align-right ul ul {
        text-align: left;
    }
    #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {
        border-top: 1px solid rgba(120, 120, 120, 0.15);
        height: auto;
        width: 100%;
    }
    #cssmenu ul li a, #cssmenu ul ul li a {
        width: 100%;
    }
    #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {
        display: block;
        float: none;
        background-color: #f8f8f8;
    }
    #cssmenu ul ul li a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #000000;
        font-size: 12px;
        padding: 20px 20px 20px 30px;
    }
    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        color: #000000;
    }
    #cssmenu ul ul ul li a {
        padding-left: 40px;
    }
    #cssmenu ul ul, #cssmenu ul ul ul {
        left: 0;
        margin: 0;
        position: relative;
        right: auto;
        width: 100%;
    }
    #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {
        display: none;
    }
    #menu-line {
        display: none;
    }
    #cssmenu #menu-button {
        color: #000000;
        cursor: pointer;
        display: block;
        font-size: 12px;
        padding: 25px;
        text-transform: uppercase;
    }
    #cssmenu #menu-button::after {
        background: #000000 none repeat scroll 0 0;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        right: 20px;
        top: 20px;
        width: 15px;
    }
    #cssmenu #menu-button::before {
        border-bottom: 2px solid #000000;
        border-top: 2px solid #000000;
        content: "";
        display: block;
        height: 3px;
        position: absolute;
        right: 20px;
        top: 25px;
        width: 15px;
    }
    #cssmenu .submenu-button {
        border-left: 1px solid rgba(120, 120, 120, 0.15);
        cursor: pointer;
        display: block;
        height: 43px;
        position: absolute;
        right: 0;
        top: 0;
        width: 52px;
        z-index: 10;
    }
    #cssmenu .submenu-button::after {
        background: #000000 none repeat scroll 0 0;
        content: "";
        display: block;
        height: 11px;
        left: 26px;
        position: absolute;
        top: 16px;
        width: 1px;
        z-index: 99;
    }
    #cssmenu .submenu-button::before {
        background: #000000 none repeat scroll 0 0;
        content: "";
        display: block;
        height: 1px;
        left: 21px;
        position: absolute;
        top: 21px;
        width: 11px;
        z-index: 99;
    }
    #cssmenu .submenu-button.submenu-opened::after {
        display: none;
    }
}
/*------------------------ Home Page ---------------------------*/
.bg-red {
    background-color: #ee1c3f;
}
.bg-cl {
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    /*  #800000 , #2F4F4F ,#191970 */
}
.std-1 {
    background-color: #ee1c3f;
}
.std-2 {
    background-color: #01addd;
}
.std-3 {
    background-color: #ffaa00;
}
.std-4 {
    background-color: #43b74a;
}
.std-5 {
    background-color: #4060bf;
}
.std-6 {
    background-color: #009898;
}
.std-7 {
    background-color: #ec4b30;
}
.statistical-class {
    background-color: #BF3312;
}
.sreport-class {
    background-color: #5F9EA0;
}
.google-class-std{
    background-color: #388d3c;
}
.std-8 {
    background-color: #2d3e50;
}
.std-9 {
    background-color: #46a66c;
}
.std-10 {
    background-color: #cc3399;
}
.std-11 {
    background-color: #e77e22;
}
.std-12 {
    background-color: #6b46a6;
}
.jee {
    background-color: #0092cc;
}
.neet {
    background-color: #965d50;
}
.ca{
    background-color: #218F76;
}
.cs{
    background-color: #ec4b30;
}
.functionEnglish{
    background-color: #0A3D62;
}

.Sanskrit{
    background-color: #ffaa00;
}

.financialLiteracy{
    background-color: #6A1B4D;
}

.CompetativeExam{
    background-color: #808000;
}

.CLAT{
    background-color: #5F9EA0;
}

.Mathematics{
    background-color: #A0522D;
}

.FLAP{
    background-color: #6A1B4D;
}
.txt-bg-red {
    color: #ee1c3f;
}
.txt-std-2 {
    color: #01addd;
}
.txt-std-3 {
    color: #ffaa00;
}
.txt-std-4 {
    color: #43b74a;
}
.txt-std-5 {
    color: #4060bf;
}
.txt-std-6 {
    color: #009898;
}
.txt-std-7 {
    color: #ec4b30;
}
.txt-std-8 {
    color: #2d3e50;
}
.txt-std-9 {
    color: #46a66c;
}
.txt-std-10 {
    color: #cc3399;
}
.txt-std-11 {
    color: #e77e22;
}
.txt-std-12 {
    color: #6b46a6;
}
.txt-jee {
    color: #0092cc;
}
.txt-neet {
    color: #965d50;
}
.set-home-data {
    background-color: #eee;
    display: block;
    margin-top: 30px;
    padding: 15px 10px;
    overflow: hidden;
}
.set-home-inner {
    background-color: #eee;
    display: block;
    padding: 15px 10px;
    overflow: hidden;
}
.set-left {
    clear: both;
    display: inline-block;
    height: 280px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 20%;
}
.set-num {
    border-radius: 10px 0 0 10px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    -o-border-bottom-left-radius: 5px;
    display: inline-block;
    height: 180px;
    padding: 8px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50px;
    width: 215px;
}
.shedow-mask {
    background-image: url("../img/shedow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 285px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 30px;
}
.set-right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    width: 78%;
}
.home-title {
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0;
}
.wel-text {
    color: #000;
    display: block;
    font-size: 22px;
    font-weight: normal;
}
.set-desc {
    text-align: justify;
}
.disabled {
    cursor: not-allowed;
}
.select-title {
    font-size: 25px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 45px;
}

.select-title-function-english {
    font-size: 25px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 45px;
}

/*em {
    background-color: #ff0000;
    display: inline-block;
    height: 5px;
    width: 151px;
    margin-top: 10px;
}*/

#emStandardTitle {
    background-color: #ff0000;
    display: inline-block;
    height: 5px;
    width: 151px;
    margin-top: 10px;
}

.set-standard {
    clear: both;
    display: inline-block;
    height: 110px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 110px;
    margin: 10px 0px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    line-height: 50px;
}
.set-standard:hover .set-std {
    width: 100px;
}
.set-std {
    border-radius: 5px 0 0 5px; /* top left, top right, bottom right, bottom left */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    -o-border-bottom-left-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    height: 70px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
    width: 85px;
    transition: all 0.3s ease-in-out 0s;
}
.shedow-small-mask {
    background-image: url("../img/small-shedow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 110px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}

.center-boxes{
    display: flex;flex-direction:row;align-items: center;justify-content: center;
}
.set-lg-standard {
    clear: both;
    height: 150px;
    overflow: hidden;
    position: relative;
    width: 150px;
    margin: 10px 0px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    line-height: 80px;
    text-align: center; /* Center text horizontally */
}
.set-lg-standard:hover .set-lg-std {
    width: 130px;
}
.set-lg-std {
    border-radius: 5px 0 0 5px; /* top left, top right, bottom right, bottom left */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    -o-border-bottom-left-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    height: 100px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
    width: 120px;
    transition: all 0.3s ease-in-out 0s;
}
.shedow-lg-small-mask {
    background-image: url("../img/small-shedow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 150px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}

@media screen and (max-width: 768px) {
/*    .set-lg-standard {
    clear: both;
    display: inline-block;
    height: 110px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 110px;
    margin: 10px 0px;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    line-height: 50px;
}
.set-lg-standard:hover .set-lg-std {
    width: 95px;
}
.set-lg-std {
    border-radius: 5px 0 0 5px;  top left, top right, bottom right, bottom left 
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    -o-border-bottom-left-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 70px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20px;
    width: 85px;
    transition: all 0.3s ease-in-out 0s;
}*/


.center-boxes {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .set-lg-standard {
        clear: none;
        display: inline-block;
        height: 110px;
        overflow: hidden;
        position: relative;
        vertical-align: middle;
        width: 35%; /* Adjust to fit 3 in one row */
        margin: 10px 1.66%; /* Adjust margins to fit 3 items without too much space */
        cursor: pointer;
        transition: all 0.3s ease-in-out 0s;
        line-height: 50px;
        box-sizing: border-box; /* Ensure padding/margins don't affect width */
    }

    .set-lg-standard:hover .set-lg-std {
        width: 95px;
    }

    .set-lg-std {
        border-radius: 5px 0 0 5px; /* top left, top right, bottom right, bottom left */
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-top-left-radius: 5px;
        -moz-border-top-right-radius: 0px;
        -moz-border-bottom-right-radius: 0px;
        -moz-border-bottom-left-radius: 5px;
        -o-border-top-left-radius: 5px;
        -o-border-top-right-radius: 0px;
        -o-border-bottom-right-radius: 0px;
        -o-border-bottom-left-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        font-weight: bold;
        height: 70px;
        padding: 10px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 20px;
        width: 85px;
        transition: all 0.3s ease-in-out 0s;
    }
    
.shedow-lg-small-mask {
    background-image: url("../img/small-shedow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 110px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}
}
.set-high-left {
    clear: both;
    display: inline-block;
    float: left;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.set-high-standard {
    clear: both;
    display: inline-block;
    height: 175px;
    margin: 10px 2px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 240px;
}
.set-hig-std-functional-english {
    border-radius: 5px 0 0 5px; /* top left, top right, bottom right, bottom left */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    -o-border-bottom-left-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 30px;
    transition: all 0.3s ease-in-out 0s;
    width: 100px;
}

.set-hig-std {
    border-radius: 5px 0 0 5px; /* top left, top right, bottom right, bottom left */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 0px;
    -o-border-bottom-right-radius: 0px;
    -o-border-bottom-left-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    line-height: 80px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 30px;
    transition: all 0.3s ease-in-out 0s;
    width: 100px;
}
.shedow-mid-mask {
    background-image: url("../img/mid-shedow.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 160px;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}
/*.set-high-left:hover .set-hig-std {
        width: 115px;
}*/
.set-sub-name {
    font-size: 14px;
    list-style: outside none none;
    margin: 40px 0;
    padding-left: 10px;
    line-height: 24px;
}
.sub {
    color: #000000;
    text-decoration: underline;
}
.sub:hover {
    color: #000000;
    text-decoration: none;
}
.set-high-right {
    display: inline-block;
    float: right;
    vertical-align: middle;
    width: 50%;
}
.set-std-num {
    color: #ffffff;
    font-size: 95px;
    font-weight: bold;
}

.set-std-numjee {
    color: #ffffff;
    font-size: 47px;
    font-weight: bold;
    padding-top: 100%;
}
.set-std-num sup {
    font-size: 35px;
    font-weight: normal;
    position: absolute;
    top: 55px;
}
.set-std-num1 {
    color: #ffffff;
    float: left;
    border-radius: 5px;
    font-size: 35px;
    font-weight: bold;
    margin-right: 10px;
    padding: 0 5px;
}

.set-std-num1jee {
    color: #ffffff;
    float: left;
    border-radius: 5px;
    font-size: 26px;
    font-weight: bold;
    margin-right: 10px;
    padding: 0 5px;
}
.set-std-num1neet {
    color: #ffffff;
    float: left;
    border-radius: 5px;
    font-size: 26px;
    font-weight: bold;
    margin-right: 10px;
    padding: 0 5px;
}
.mob-div {
    display: none;
}
.subject {
    background-color: #333333;
    border-radius: 5px;
    color: #ffffff;
    margin-bottom: 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    margin-right: 5px;
    padding: 5px 10px;
    text-transform: uppercase;
}
.sub-active, .subject:hover {
    background-color: #ee1c3f;
    text-decoration: none;
    color: #ffffff;
}

.questionno:hover,.questionno:focus{
    color: #ffffff;
}
.question-container {
        position: relative;
        height: 100%;  
        overflow-y: auto;
        display: block;
        border-left: 1px solid #cccccc;
    }
    
    .question-container .questions-palette {
        padding-left: 20px;
    }
 /* Hide the button on larger screens */
    .toggle-btn {
        display: none;
    }
    
    .rowdiv{
        border: 1px solid #cccccc;
        height:400px;
    }
    
    .coldiv{
        overflow-y: auto;
        height: 100%;
    }
    
@media (max-width: 768px) {
        .question-container {
            height: 0%;
        }
        .question-container .questions-palette {
            display: none;
            position: fixed;
            top: 0;
            right: 0;
            width: 80%;
            height: 100%;
            background-color: rgba(255, 255, 255, 0.9);
            color: black;
            padding-left: 18px;
            overflow-y: auto;
            z-index: 1000;
        }

        .rowdiv{
        border: 1px solid #cccccc;
        height:auto;
    }
    
    .coldiv{
        overflow-y: hidden;
        height:auto;
    }
    
    .fix {
        display:none;
    }
        .toggle-btn {
        display: block;
        position: fixed;
        z-index: 1001;
        background-color: #ee1c3f;
        color: #ffffff;
        padding: 5px 15px;
        border: none;
        top: 75%;
        transform: rotate(-90deg);
        right: -50px;
        text-transform: uppercase;
       	letter-spacing: 2px; 
    }
}
    
.paradiv {
    /*border-bottom: 1px solid #cccccc;*/
    /*padding-top: 15px;*/
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.readmore {
    color: #007bff;
    cursor: pointer;
    text-decoration: underline;
    display: none;
}

/* Mobile and Tablet (5 lines) */
@media screen and (max-width: 1024px) {
    .paradiv {
        -webkit-line-clamp: 3; /* Limit to 5 lines */
        padding-bottom: 0px;
    }
    .readmore {
        display:block;
    }

}

@media screen and (max-width: 416px) {
    .nextbtnquiz{
        margin-top: 10px;
    }
    
    [id*="nextbtn1_"] {
        /* Default styling for elements containing "nextbtn1" */
        margin-top: 0px;
    }
}

/* Large screens (10 lines) */
@media screen and (min-width: 1025px) {
    .paradiv {
        -webkit-line-clamp: 3; /* Limit to 7 lines */
        padding-bottom: 0px;
    }
    
    .readmore {
        display:block;
    }
}


.questionno {
    background-color: #333333;
    border-radius: 50%; /* Makes the element circular */
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 10px; /* Equal padding for symmetry */
    text-align: center; /* Centers text horizontally */
    line-height: 1; /* Sets line height */
    text-transform: uppercase;
    width: 40px; /* Set equal width */
    height: 40px; /* Set equal height */
    display:inline-flex; /* Flexbox for centering */
    align-items: center; /* Center text vertically */
    justify-content: center; /* Center text horizontally */
}


.questionno:hover {
    /*background-color:#ee1c3f;#43b74a*/
    text-decoration: none;
    color: #ffffff;
}
/*.subject-label {
    background-color: #ee1c3f;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    margin: 29px 0;
 //   margin: 19px 0;
    padding: 5px 10px;
    text-transform: uppercase;
}*/
.subject-label {
    background-color: #ee1c3f;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0;
    padding: 5px 10px;
    text-transform: uppercase;
}
.set-tab {
    background-color: rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    color: #000000;
    cursor: pointer;
    height: 65px;
    margin: 0 10px 40px;
    position: relative;
    padding: 0 !important;
    width: 150px;
}
.tab-img {
    background-color: #333333;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    display: inline-block;
    height: 60px;
    left: 25px;
    padding: 15px;
    position: absolute;
    text-align: center;
    width: 100px;
}
.set-tab:hover .tab-img {
    background-color: #ee1c3f;
}
.cust-nav > li.active > a > .tab-img, .cust-nav > li.active > a:focus .tab-img {
    background-color: #ee1c3f;
}
.cust-nav > li.active > a > .tab-title, .cust-nav > li.active > a:focus .tab-title {
    color: #ee1c3f;
}
.set-tab:hover {
    color: #ee1c3f;
}
.shedow-v-mask {
    background-image: url("../img/shedow-v-mask.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    height: 10px;
    position: absolute;
    width: 150px;
}
.tab-title {
    top: 70px;
    /*bottom: -20px;*/
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: inherit;
    line-height: 15px;
}
.video-text {
    font-size: 14px;
    padding-top: 10px;
}
.link-video {
    background-color: #eeeeee;
    max-height: 370px;
    overflow: auto;
}
.set-video {
    font-size: 12px;
    list-style: outside none none;
    padding-left: 0;
}
.set-video > li:before {
    content: "\f144";
    font-family: 'FontAwesome';
    color: #ee1c3f;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
.name {
    color: #000;
    cursor: pointer;
}
.name:hover {
    color: #000;
    text-decoration: none;
}
.bg-gray {
    background-color: #EEEEEE;
}
.note-img {
    background-color: #333333;
    bottom: 0;
    float: left;
    height: 68px;
    margin-right: 10px;
    padding: 15px;
    text-align: center;
    width: 100px;
}
.set-video > li {
    line-height: 25px;
}
/**** for material ***/
.material-text {
    font-size: 12px;
    padding-top: 10px;
}
.link-material {
    background-color: #eeeeee;
    max-height: 370px;
    overflow: auto;
}
.set-material {
    font-size: 14px;
    list-style: outside none none;
    padding-left: 0;
}
.set-material > li:before {
    content: "\f1c1";
    font-family: 'FontAwesome';
    color: #ee1c3f;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
.name {
    color: #000;
    cursor: pointer;
}
.name:hover {
    color: #000;
    text-decoration: none;
}
.bg-gray {
    background-color: #EEEEEE;
}
.note-img {
    background-color: #333333;
    bottom: 0;
    float: left;
    height: 68px;
    margin-right: 10px;
    padding: 15px;
    text-align: center;
    width: 100px;
}
.set-material > li {
    line-height: 25px;
}
/******/

.btn-submit {
    background-color: #696969;
    color: #ffffff;
    margin-right: 10px;
    font-size: 16px;
    padding: 5px 15px;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
}
.btn-submit:hover, .btn-submit:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #000;
}
.txt-area {
    width: 67%;
    vertical-align: middle;
}
.title {
    border-bottom: 1px solid #cccccc;
    text-transform: uppercase;
}
.solution {
    background-color: #eeeeee;
    margin-top: 10px;
    padding: 10px;
    text-align: justify;
}
.red {
    color: #ff0004;
}
.border-right {
    border-right: 1px solid #cccccc;
}
.set-text {
    text-align: center;
}
.note {
}
.i-title {
    color: #0a0a0a;
    font-size: 12px;
    /*line-height: 0;*/
}
.i-input {
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #000000;
    font-size: 12px;
    height: 35px;
    margin-bottom: 25px;
    padding: 5px;
    vertical-align: middle;
    width: 95%;
    position: relative;
}
.i-input option {
    padding: 5px;
}
.set-note {
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    margin: 10px 0;
    text-align: left;
    overflow: hidden;
    width: 100%;
}
.cust-nav {
    border-bottom: none;
    float: left;
}
.set-tab {
}
.v-align {
    vertical-align: middle;
}
.set-opt, .set-que {
    margin: 10px 0;
    list-style: outside none none;
}
.dis-block {
    display: block;
}
.note-name {
    display: block;
    text-transform: uppercase;
}
.set-opt {
    padding-left: 10px;
}
.set-que {
    padding-top: 10px;
}
.set-product-img:hover {
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    transform: scale(3);
    z-index: 999999;
}
.set-product-img {
    transition: all 1s ease-in-out 0s;
    height: 75px;
}
.set-mock h4 {
    margin-bottom: 0;
}
.color-red {
    color: #ff0004;
}
.grn-txt {
    color: #0e9104;
}
.set-opt label {
    font-weight: normal;
}
.boder-top {
    border-top: 1px solid #cccccc;
}
.reset-btn {
    background-color: #007cff;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    margin-left: 10px;
    padding: 0 10px;
    text-transform: uppercase;
}
.label-btn {
    border-radius: 5px;
    color: #ffffff;
    margin-left: 10px;
    padding: 0 10px;
    text-transform: uppercase;
}
.reset-btn:hover, .reset-btn:focus {
    color: #ffffff;
    text-decoration: none;
}
hr {
    border-color: #bbbbbb;
    border-width: 1px;
    clear: both;
    margin-bottom: 0;
    margin-top: 0;
}
.set-lbl {
    display: inline-block;
}
.set-i-size {
    display: inline-block;
    margin-right: 10px;
    width: 46%;
}
.vp-type {
    display: block;
    padding: 20px 0;
}
.set-dd-name {
    display: block;
    margin-bottom: 20px;
}
.set-lbl label {
    margin: 0 10px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: middle;
}
th {
    background: #333333 none repeat scroll 0 0;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
.set-td {
    text-align: left;
    width: 50%;
}
.footer {
    background-color: #333333;
    color: #ffffff;
    padding: 10px 0;
    text-align: center;
}
.cust-dialog {
    width: 400px;
}
.cust-body, .cust-footer {
    padding: 10px;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    min-width: 50%;
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 100%; /* Could be more or less, depending on screen size */
}

.close {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 2;
    color: red;
    font-size: 25px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}


.login-form {
    background-color: #ffffff !important;
}
.cust-title {
    /*    border-bottom: 1px dotted;
        color: #ff0000;*/
    font-size: 20px;
    /*    line-height: 50px;
        margin-top: -10px;*/
    text-transform: uppercase;
}
.cust-select {
    border-bottom: 1px solid #cccccc;
}
.cust-select select {
    background-color: rgba(204, 204, 204, 0);
    border: medium none;
    color: #000000;
    height: 35px;
    width: 100%;
}
.cust-select option {
    background-color: #ffffff;
    color: #000000;
    padding: 7px;
}
.forget-link {
    color: #000000;
    float: left;
}
.color-white {
    color: #000000;
    margin-left: 5px;
    text-decoration: underline;
}
.color-white:hover {
    color: #ff0004;
}
.cust-btn {
    background-color: #ff0000;
    border: 1px solid;
    color: #ffffff;
}
.error-color {
    color: #ff0000;
    font-size: 12px;
    bottom: 5px;left: 20px;position: absolute;
}
.error-color-new { color: #ff0000; font-size: 12px;}
.cust-btn:hover {
    background-color: #000000;
    border: 1px solid;
    color: #ffffff;
}
.l-input {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0 0 1px;
    font-size: 12px;
    border-bottom: 1px solid #cccccc;
    color: #000000;
    padding: 10px 5px;
    width: 100%;
}
/*------------------------ Transformer Tab ---------------------------*/
.transformer-tabs ul {
    background-color: #333333;
    border-bottom: 3px solid #ee1c3f;
    border-radius: 5px;
    /*list-style: outside none none;*/
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.transformer-tabs li {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}
.transformer-tabs li a.active {
    color: #fff;
    text-decoration: none;
    background-color: #EE1C3F;
    font-weight: bold;
}
.transformer-tabs a:hover {
    color: #ffffff;
    display: inline-block;
}
.transformer-tabs a {
    color: #ffffff;
    display: inline-block;
    padding: 1.5rem;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
}
.transformer-tabs a.active {
    position: relative;
}

.transformer-tabs2 a {
    color: #ffffff;
    display: inline-block;
    /*padding: 1.5rem;*/
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
}

.sub-tabs > div {
    display: none;
}
.sub-tabs > .active {
    display: block;
}
.mob-mark {
    display: block;
    font-size: 12px;
}
/*------------------------ Table View ---------------------------*/

.cust-table {
    background-color: #ffffff;
    font-size: 13px;
}
.scoring-point {
    font-size: 12px;
    padding-left: 20px;
}
.score-table {
    background-color: #ffffff;
}
.score-table th {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
}
.txt-18 {
    font-size: 18px;
}
.blue-txt-bg {
    background-color: #01addd;
    color: #ffffff;
    padding: 5px;
}
.grn-txt-bg {
    background-color: #0e9104;
    color: #ffffff;
    padding: 5px;
}
.red-txt-bg {
    background-color: #ff0004;
    color: #ffffff;
    padding: 5px;
}
.report-bg {
    background-color: #ebebeb;
    padding: 20px;
}
.scoring {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 22px;
}
.result {
    line-height: 23px;
    margin-bottom: 20px;
}
.result span, .scoring span {
    font-size: 24px;
    font-weight: bold;
}
.subject1 {
    background-color: #333333;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 3px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.subject2 {
    background-color: #333333;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 3px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.subject3,.subject4,.subject5,.subject6,.subject7 {
    background-color: #333333;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 3px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.sub-active,.subject1:hover {
    background-color: #ee1c3f;
    color: #ffffff;
    text-decoration: none;
}

.sub-active2,.subject2:hover {
    background-color: #ee1c3f;
    color: #ffffff;
    text-decoration: none;
}

.sub-active3,.subject3:hover {
    background-color: #ee1c3f;
    color: #ffffff;
    text-decoration: none;
}
.sub-active4,.subject4:hover {
    background-color: #ee1c3f;
    color: #ffffff;
    text-decoration: none;
}
.sub-active5,.subject5:hover {
    background-color: #ee1c3f;
    color: #ffffff;
    text-decoration: none;
}
.sub-active6,.subject6:hover {
    background-color: #ee1c3f;
    color: #ffffff;
    text-decoration: none;
}
.sub-active7,.subject7:hover {
    background-color: #ee1c3f;
    color: #ffffff;
    text-decoration: none;
}
.set-c-point li{ line-height: 25px;}

/*-----------------medium-------------------*/
.m-set-tab {
    background-color: rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    height: 100px;
    margin: 0 10px 20px;
    padding: 0 !important;
    position: relative;
    width: 295px;
}
.m-tab-img {
    background-color: #f7c74d;
    border-radius: 0 10px 10px 0;
    bottom: 20px;
    color: #000000;
    display: inline-block;
    float: left;
    font-size: 26px;
    font-weight: bold;
    left: 93px;
    padding: 5px 5px 5px 15px;
    position: absolute;
    text-align: left;
    transition: all 0.2s ease-in-out 0s;
    width: 175px;
    z-index: 10;
}

.m-set-tab:hover .m-tab-img{width: 190px;}

.set-book {
    float: left;
}
.m-shedow-v-mask {
    background-image: url("../img/mi-title.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 3px;
    height: 70px;
    left: 95px;
    position: absolute;
    width: 170px;
}
.medium-bg {
    background-color: #eeeeee;
    background-image: url("../img/medium-bg.png");
    position: relative;
}
.set-boy{ left: -90px;    position: absolute;    top: -80px;}


.mb30{   margin-bottom: 30px;}

/* -------------------- header eng-guj --------------- */

.mt-10{margin-top: -10px !important;width: 100%!important;}
.txt-right{float: left; text-align: right;}
.set-lng{    border-radius: 5px;    color: #000000;    font-size: 15px;    margin: 0 5px;    padding: 3px 10px;}
.set-lng:hover,  .active-lng{text-decoration: none;background-color: #43b74a;color: #fff;}

@media (max-width: 768px) {
    /* Adjust the styles for mobile screens here */
    .set-lng {
        font-size: 13px; /* Example: Reduce font size for mobile */
        padding: 3px 7px; /* Example: Adjust padding for mobile */
    }
}
/*.set-dd { margin-top: 0;} test.css line no 12*/
.f-right{float: right;}
.medstd{ margin-top: 15px;}

.top-head{
    margin-top: 15px ;
}

.set-new-text{   font-size: 12px;
                 font-weight: normal;
                 left: 0;
                 line-height: 0;
                 position: absolute;
                 right: 0;
                 top: 75%;}
.m-select {
    height: 110px !important;
}

table {
    /*margin: 3px;*/
    font-size: 14px;
}

table td {
    padding: 5px;
}

/*mocktest,video and reference material new design*/

.back-btn {
    background-color: #ebebeb;
    color: #000000;
    font-weight: bold;
    padding: 10px;
}
.video-text {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
}/*ln:855*/
.note-new-video > li, .note-video > li,.note-for-video > li /*.set-video > li*/
{
    display: inline-block;
    line-height: 25px;
    width: 33%;
}/*ln:910*/
.name {
    color: #000000;
    cursor: pointer;
    text-decoration: underline;
}/*ln:948*/
.n-title {
    color: #000!important;
}
.black-video {
    background-color: #333;
}
.w-title:focus, .w-title:hover, .w-title {
    color: #fff;
}
.name1 {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}
.name1:hover {
    color: #fff;
    text-decoration: none;
}
.note-new-video, .note-video, .note-for-video {
    font-size: 12px;
    list-style: outside none none;
    padding-left: 0;
}
.note-video>li::before {
    color: #fff;
    content: "\f0f6";
    display: inline-block;
    font: 20px/1 "FontAwesome";
    margin-right: 10px;
    text-rendering: auto;
    vertical-align: middle;
}
.note-new-video > li::before {
    color: #ee1c3f;
    content: "\f0f6";
    display: inline-block;
    font: 20px/1 "FontAwesome";
    margin-right: 10px;
    text-rendering: auto;
    vertical-align: middle;
}
.note-for-video > li::before {
    color: #ee1c3f;
    content: "\f144";
    display: inline-block;
    font: 20px/1 "FontAwesome";
    margin-right: 10px;
    text-rendering: auto;
    vertical-align: middle;
}
.play-video {
    width: 100%;
    height: 100%;
}
.txt-area {
    vertical-align: middle;
    width: 82%;
}/*ln 989*/

.set-home-inner-material {
    /*background-color: #eee;*/
    display: block;
    padding: 5px 3px;
    overflow: hidden;
}

/*new desgign for notificatio nwindow and online forum*/

/* Forum style */
.panel-body{
    padding: 0;
}
.over-hid{
    overflow: hidden;
}
.ap-title{
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.ap-subtitle{
    color: #8b8a8a;
    font-size: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
a.fguide{
    text-decoration: underline;
    color: #095c87;
}
.addp-main{
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
    /*				float: left;*/
    /*				width: 100%;*/
}
.addp-img{
    /*				width: 10%;*/
    border-radius: 50%;
    text-align: center;
    /*				float: left;*/
    margin-right: 10px;
    height: 60px;
    width: 60px;
    border:2px solid #ccc;
    display: inline-block;
    vertical-align: top;
    overflow:hidden;

}
.addp-img img{

}
.addp-inputs{
    width: calc(100% - 75px);
    /*				float: left;*/
    display: inline-block;
}
.addp-textb{
    width: 100%;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid rgb(204, 204, 204);
    height: 60px;
    margin-bottom: 15px;
}
.attachment{
    color: #fff;
    background-color: #095c87;
    text-align: center;
    border-radius: 4px;
    border:none;
    padding: 5px 15px;
    font-size: 14px;
    min-width: 80px;
    max-width: 90%;
}
.attachment i{
    font-size: 16px;
    vertical-align: text-bottom;
}
.rem-attachment i{
    font-size: 16px;
    vertical-align: text-bottom;
}
.btn-addpost{
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    padding: 5px 15px;
    border-radius: 4px;
    border:none;
    margin: 0 10px;
    min-width: 80px;
}
.panel-default > .panel-heading{
    background-color: unset !important;
    border:unset;
    position: relative;
}
.viewp-header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 0 5px;
    border-bottom: 1px solid #ccc;
    width:100%;
}
.rvideo-header{
    padding: 15px 0 5px;
    border-bottom: 1px solid #ccc;
}
.panel-group .panel{
    margin-bottom: 15px;
}
.vpmain-post{
    background-color: #f1f1f1;
}
.vpmain-post.ownpost{
    background-color: #dadada;
}
.viewp-title, .rvideo-title{
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0;
}
.veiwp-filter{
    padding: 5px;
    min-width: 100px;
    font-size: 12px;
}

.veiwp-filter option {
    padding: 3px;
}

.rvideo-ul{
    list-style: none;
    padding:10px;
    font-size: 12px;
    background-color: #eee;
    border-radius: 4px;
    margin-top: 15px;
    overflow:hidden;
}
.rvideo-ul li{
    margin: 7px 0;
    display: flex;
    line-height: 20px;
}
.rvideo-ul li::before{
    content: "\f144";
    font-family: 'FontAwesome';
    color: #ee1c3f;
    font-size: 16px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
.rvideo-ul li a{
    text-decoration: underline;
    color: #000;
}
.rvideo-ul li a:hover{
    text-decoration: none;
}
.vpmain-wrapper{
    margin-top: 15px;
}
a.vp-togglebtn{
    text-decoration: none;
}
a.vp-togglebtn::before{
    /*				float: right;*/
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: 'FontAwesome';
    color: #000;
    font-size: 12px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
a.vp-togglebtn[aria-expanded="false"]::before{
    content: "\f078";
}
a.vp-togglebtn[aria-expanded="true"]::before{
    content: "\f077";
}
.vpdetail{
    width: calc(100% - 75px);
    /*				float: left;*/
    display: inline-block;
}
.vpdetail{
    font-size: 14px;
}
.mp-mname{
    color: #f00;
    font-weight: 600;
    padding-right: 8px;
}
.date-time{
    font-size: 12px;
    position: relative;
    color: #000;
    padding-left: 10px;
}
.date-time::before{
    content: " ";
    width: 2px;
    background-color: #000;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.ndadetail{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.vp-texts{
    padding-top: 5px;
}
ul.opt-soc{
    /*padding: 0;*/
    padding: 0 3px 0 5px;
    list-style: none;
    margin: 0;
}
ul.opt-soc li{
    display: inline-block;
    /*				margin-right: 5px;*/
    position: relative;
    padding: 0 5px 0 10px;
    line-height: 15px;
}
ul.opt-soc li:first-child{
    padding-left: 0;
}
ul.opt-soc li a{
    font-size: 12px;
    color: #555;
    text-decoration: none;
}
ul.opt-soc li a:hover{
    color:#000;
}
ul.opt-soc li:first-child::before{
    display: none;
}
ul.opt-soc li::before{
    content: " ";
    width: 2px;
    background-color: #888;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.reply-detail{
    width: calc(100% - 55px);
    /*				float: left;*/
    display: inline-block;
}
.reply-mainwrap{
    margin:0 10px 10px 90px;
    border-top: none !important;
}
.mlevel-replywrap{
    background-color: #fff;
    padding: 15px;
}
.slevel-replywrap{
    padding: 10px;
}
.replymain-img{
    /*				float: left;*/
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    text-align: center;
    height: 40px;
    width: 40px;
    border: 2px solid #ccc;
    border-radius: 50%;
    overflow:hidden;
}
.replymain-img img{

}
.reply-slevel{
    padding-left: 55px;
    margin: 15px 0;
}
.reply-slevel:last-child{
    margin-bottom: 0;
}
.ofreply-img{
    /*				float: left;*/
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    border: 2px solid #ccc;
    vertical-align: top;
    overflow:hidden;
}
.ofreply-img img{

}
.ofreply-detail{
    width: calc(100% - 35px);
    /*				float: left;*/
    display: inline-block;
}
.directmsg-modal{
    padding: 0 15px;
    position: relative;
}

.close.of-direct{
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000000;
    border-radius: 50%;
    font-size: 16px;
    opacity: 1;
    padding: 4px 7px 5px 7px;
    position: absolute;
    right: -10px;
    top: -15px;
    border:3px solid #ccc;
    float: unset;
    text-shadow: unset;
    line-height: 16px;
    color: #ccc;
}
/*
                        .navbar{
                                //height: 75px;
                        }*/
.notification-icons {
    /*clear: both;*/
    float: left;
}
ul.icon-list{
    padding-left: 10px;
    /*margin:10px 0 0;*/
    display: block;
    /*				float: left;*/
}
ul.icon-list li{
    display: inline-block;
    margin-right: 25px;
}
ul.icon-list li a{
    font-size: 20px;
    color: #666;
    position: relative;
}
ul.icon-list li a:hover,ul.icon-list li a:focus{
    color: #000;
}
ul.icon-list li a .badge{
    font-size: 10px;
    position: absolute;
    top: -5px;
    left: 12px;
    background-color: red;
}
.new-dd{

}

.close {
    color: #ff0000;
    opacity: 1;
}
.ownpostForum{
    background-color: #dadada;
    padding: 10px;
}

.sendmsg{
    color: #fff;
    background-color: #333;
    padding: 8px 10px;
    border-radius: 4px;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    text-decoration:none;
}

.sendmsg:hover{
    color:#fff;
    text-decoration:none;
}

.scrolldialog{
    overflow-y: initial !important
}
.scrolldialogbody{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.glow {
    animation: 1500ms ease 0s normal none infinite running glowing;
    background-color: rgb(0, 74, 127);
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    left: 30px;
    line-height: 14px;
    padding: 2px 5px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -5px;
}

@keyframes glowing {
    0% {
        background-color: #FFCA4F;
    }
    50% {
        background-color: #F4AA03;
    }
    100% {
        background-color: #FFCA4F;
    }
}
@keyframes glowing {
    0% {
        background-color: #FFCA4F;
        box-shadow: 0 0 3px #333;
    }
    50% {
        background-color: #F4AA03;
        box-shadow: 0 0 20px #F4AA03;
    }
    100% {
        background-color: #FFCA4F;
        box-shadow: 0 0 3px #333;
    }
}

/*------------------------ scholorship & competative exams ---------------------------*/

.scholarshipbox {
    float: left;
    width: 100%;
    margin: 30px 0;
}
.pl30 {
    padding-left: 30px;
}
.scholarshiptab {
    width: 100%;
    border: dashed 1px #e16800;
    background-color: #fff;
    float: left;
    border-radius: 5px;
}
.competitiveexamtab {
    width: 100%;
    border: dashed 1px #008930;
    /*    background-color: #f4f4f4;*/
    float: left;
    border-radius: 5px;
}
.comingsoon {
    font-size: 45px;
    font-family: arial;
    font-weight: bold;
    color: #868686;
    text-transform: uppercase;
    text-align: center;
    padding: 175px 0;
}
.o-box {
    font-size: 18px;
    font-family: arial;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 30px;
    background-color: #e16800;
    border: solid 1px #ccc;
    display: inline-block;
    border-radius: 10px;
    margin: -20px 0 0 20px;
    position: relative;
    box-shadow: 1px 1px 5px 1px #dfdfdf;
}
.g-box {
    font-size: 18px;
    font-family: arial;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 30px;
    background-color: #008930;
    border: solid 1px #ccc;
    display: inline-block;
    border-radius: 10px;
    margin: -20px 0 0 20px;
    position: relative;
    box-shadow: 1px 1px 5px 1px #dfdfdf;
}
.scholarshiplist {
    width: 100%;
    padding: 15px 0;
}
.scholarshiplist ul {
    padding: 0;
    margin: 0;
}
.scholarshiplist li {
    list-style: none;
    padding: 15px;
}

.competitiveExamlist{
    width: 100%;
    padding: 15px 0;
}
.competitiveExamlist ul {
    padding: 0;
    margin: 0;
}
.competitiveExamlist li {
    list-style: none;
    padding: 15px;
}

.grey-bg {
    background-color: #f6f8fb;
    border-top: solid 1px #dddfe1;
    border-bottom: solid 1px #dddfe1;
}
.list-title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;

    text-overflow: ellipsis;

    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}
.scheme-list {
    width: 100%;
    overflow: hidden;
}
.scheme-list ul {
    padding: 0;
    margin: 0;
}
.scheme-list li {
    list-style: none;
    padding: 0;
    float: left;
    border-right: solid 1px #c5c6c9;
    min-height: 60px;
}
.c-grey {
    font-size: 13px;
    color: #888888;
    float: left;
}
.c-black {
    /*font-size: 15px;*/
    /*font-size: 13px;*/
    font-size: 12px;
    color: #000;
    display: table;
    font-weight: bold;
    padding-top: 2px;
    width: 100% !important;
}
.c-blue {
    /*font-size: 26px;*/
    /*font-size: 24px;*/
    font-size: 23px;
    color: #0038b8;
    display: table;
    font-weight: bold;
    padding-top: 2px;
}
.scheme-list li:last-child {
    list-style: none;
    padding: 0;
    float: left;
    border-right: none;
}
.listw1 {
    /*width: 150px;*/
    width: 130px;
}
.listw2 {
    /*    padding: 0 20px!important;
        width: 238px;*/
    padding: 0 10px!important;
    width: 238px;
}
.listw3 {
    padding-left: 20px!important;
}
.fa-inr {
    color: #0038b8;
    padding-right: 5px;
}
/*.p0 {
    padding: 0;
}*/
.pright {
    padding: 0 10px 0 0;
}
.pleft {
    padding: 0 0 0 10px;
}
.owl-dots {
    display: none;
}
.owl-nav {
    display: inline-block;
    position: absolute;
    right: 30px;
    top: -60px;
}
.owl-carousel .owl-nav button.owl-prev {
    background: url(img/s-prev.png) no-repeat !important;
    ;
    width: 43px;
    height: 45px;
}
.owl-carousel .owl-nav button.owl-next {
    background: url(img/s-next.png) no-repeat !important;
    ;
    width: 43px;
    height: 45px;
}

.owl-carousel1 .owl-nav button.owl-prev {
    background: url(img/c-prev.png) no-repeat !important;
    ;
    width: 43px;
    height: 45px;
}
.owl-carousel1 .owl-nav button.owl-next {
    background: url(img/c-next.png) no-repeat !important;
    ;
    width: 43px;
    height: 45px;
}

.fa-angle-double-left::before {
    display: none;
}
.fa-angle-double-right::before {
    display: none;
}
.owl-theme .owl-nav [class*="owl-"] {
    margin: 0!important;
}
.boxl{display: block;}
a:hover, a:focus {
    color: #23527c;
    text-decoration: none;
}

/*------------------------ Mobile View ---------------------------*/

@media (min-width:320px) and (max-width : 479px) {

    header.mastheadVocational {
        background-size: 100% auto !important;
        height: auto !important;
    }


    .set-stud-name {
        width: 100%;
    }
    .top-head{
        margin-top: 65px !important;
    }

    .set-left {
        display: none;
    }
    .set-right {
        width: 100%;
        padding: 0;
    }
    .set-standard {
        width: 100px;
    }
    .select-title {
        font-size: 24px;
    }
    .home-title {
        font-size: 24px;
    }
    .set-high-standard {
        width: 315px;
    }
    .mob-div {
        display: block;
    }
    .subject {
        font-size: 14px;
        /*margin-right: 0;*/
        padding: 5px 10px;
    }
    .subject-label {
        font-size: 18px;
        margin: 0;
    }
    .t-center {
        text-align: center;
    }
    .shedow-v-mask, .tab-title {
        display: none;
    }
    .set-tab {
        height: 50px;
        margin: 0 5px 20px;
        width: 58px;
    }
    .glow{left: 10px;}
    .exam-tab-img,.tab-img {
        height: 45px;
        padding: 10px;
        position: static;
        width: 55px;
    }
    .mt20 {
        margin-top: 5px;
    }
    .txt-area {
        margin-bottom: 10px;
        width: 100%;
    }

    .btn-submit {
        margin-bottom: 10px;
        margin-left: 0;
    }
    .cust-dialog {
        margin: 20px auto;
        width: auto;
    }
    .subject1{ font-size: 14px;}
    .subject2{ font-size: 14px;}

    .plr35{padding: 0px;}
    .sec-title {  font-size: 25px;}
    .set-sec {  font-size: 15px;}
    #new-sec{background-image: none;}

    /*.set-dd { margin-top: 20px;}*/
    .set-dd {    margin-top: 10p;}

    .f-right {
        float: none;
    }
    /*    .txt-right {   float: none;
      margin: 30px 45px 10px;    text-align: center;}*/
    .txt-right {   float: none;  margin: 25px 0 10px; text-align: center;}
    .medstd{ margin-top: 15px;}
    /*.headstd{ margin-top: 65px;}*/
    .headstd{ margin-top: 0px;}
    .note-new-video > li, .note-video > li, .set-video > li,.note-for-video > li{ width: 100%;}
    .mt11 {
        margin-top: 10px;
    }

    /*online forum and notification*/

    .ap-title{
        font-size: 16px;
    }
    .ap-subtitle{
        font-size: 12px;
    }
    .vpdetail{
        font-size: 12px;
        width: calc(100% - 65px);
    }
    .addp-img{
        /*					margin-right: 10px;*/
        height: 50px;
        width: 50px;
    }
    .addp-inputs{
        width: calc(100% - 65px);
    }
    .panel-heading{
        padding: 10px;
    }
    .date-time{
        font-size: 10px;
    }
    .attachment{
        padding: 5px 10px;
        font-size: 12px;
        margin-bottom: 5px;

    }
    .btn-addpost{
        margin: 0;
        font-size: 12px;
    }
    a.vp-togglebtn::before{
        font-size: 10px;
        right: 0px;
    }
    ul.opt-soc li{
        margin: 3px 0;
    }
    ul.opt-soc li a{
        font-size: 10px;
    }
    .reply-detail{
        width: calc(100% - 50px);
    }
    .reply-mainwrap{
        margin-left: 60px;
    }
    .slevel-replywrap{padding: 5px;}
    .replymain-img{
        margin-right: 5px;
    }
    .mp-mname,.vp-texts{
        font-size: 12px;
    }
    .mlevel-replywrap{
        padding: 5px;
    }
    .reply-slevel{
        padding-left: 45px;
    }
    .ofreply-img{
        margin-right: 5px;
    }

    .notification-icons{
        background-color: #fff;
        float: none;

    }
    ul.icon-list{
        margin-top: 10px;
        padding: 0;
        text-align: center;
    }



    .pright {
        padding: 0 0 0 0;
    }
    .pleft {
        padding: 0 0 0 0;
    }
    .scholarshiptab {
        margin-bottom: 10px;
    }
    .competitiveexamtab {
        margin-top: 20px;
    }
    .comingsoon {
        font-size: 24px;
        padding: 20px 0;
    }
    .o-box {
        font-size: 14px;
        padding: 10px 10px;
        margin: -20px 0 0 10px;
    }
    .g-box {
        font-size: 14px;
        padding: 10px 10px;
        margin: -20px 0 0 10px;
    }
    .owl-nav {
        right: 10px;
        top: -55px;
    }
    .list-title {
        font-size: 13px; padding-left: 5px; padding-bottom: 5px;
    }
    .scheme-list li {
        border-right: none; min-height: auto;
    }
    .listw1 {
        width: 100%;
    }
    .listw2 {
        padding: 0 !important;
        width: 100%;
    }
    .listw3 {
        padding-left: 0!important;
        width: 100%;
    }
    .c-black {
        display: inline-block;
        padding-left: 5px;
        padding-top: 0; font-size: 12px;
    }
    .c-blue {
        display: inline-block;
        padding-top: 0;
        padding-left: 5px; font-size: 24px;
    }
    .scholarshiplist {
        padding: 5px 0;
    }
    .scholarshiplist li {
        padding: 10px 0; font-size: 12px;
    }
    .scheme-list {padding: 5px;
    }
    .owl-nav {top: -53px;
    }



}

@media (min-width:360px) and (max-width : 479px) {

    header.mastheadVocational {
        background-size: 100% auto !important;
        height: auto !important;
    }

    .set-stud-name {
        width: 100%;
    }

    .top-head{
        margin-top: 65px !important;
    }

    .set-standard {
        width: 105px;
    }
    .select-title {
        font-size: 24px;
    }
    .home-title {
        font-size: 24px;
    }
    .set-high-standard {
        width: 315px;
    }
    .mob-div {
        display: block;
    }
    .subject {
        font-size: 14px;
        /*margin-right: 0;*/
        padding: 5px 10px;
    }
    .subject-label {
        font-size: 18px;
        margin: 0;
    }
    .t-center {
        text-align: center;
    }
    .set-tab {
        height: 50px;
        margin: 0 -5px 20px;
        width: 65px;
    }
    .glow{left: 10px;}
    .exam-tab-img,.tab-img {
        height: 45px;
        padding: 10px;
        position: static;
        width: 55px;
    }
    .mt20 {
        margin-top: 5px;
    }
    .txt-area {
        margin-bottom: 10px;
        width: 100%;
    }
    .btn-submit {
        margin-left: 0;
    }
    .cust-dialog {
        margin: 20px auto;
        width: auto;
    }
    .mob-text,.subject1{ font-size: 14px;}
    .subject2{ font-size: 14px;}

    .plr35{padding: 0px;}
    .sec-title {  font-size: 25px;}
    .set-sec {  font-size: 15px;}
    #new-sec{background-image: none;}

    .f-right {
        float: none;
    }
    .set-dd { margin-top: 20px;}

    /*    .txt-right {  float: none;
       margin: 25px 65px 10px;    text-align: center;}*/
    .txt-right {  float: none;  margin: 25px 0 10px;text-align: center;}
    /*.headstd{ margin-top: 60px;}*/
    .headstd{ margin-top: 0px;}
    .note-new-video > li, .note-video > li, .set-video > li,.note-for-video > li{ width: 100%;}
    .mt11 {
        margin-top: 10px;
    }

    .notification-icons{
        background-color: #fff;
        float: none;

    }
    ul.icon-list{
        margin-top: 10px;
        padding: 0;
        text-align: center;
    }

    .pright {
        padding: 0 0 0 0;
    }
    .pleft {
        padding: 0 0 0 0;
    }
    .scholarshiptab {
        margin-bottom: 10px;
    }
    .competitiveexamtab {
        margin-top: 20px;
    }
    .comingsoon {
        font-size: 24px;
        padding: 20px 0;
    }
    .o-box {
        font-size: 14px;
        padding: 10px 10px;
        margin: -20px 0 0 10px;
    }
    .g-box {
        font-size: 14px;
        padding: 10px 10px;
        margin: -20px 0 0 10px;
    }
    .owl-nav {
        right: 10px;
        top: -55px;
    }
    .list-title {
        font-size: 16px;
    }
    .scheme-list li {
        border-right: none;
    }
    .listw1 {
        width: 100%;
    }
    .listw2 {
        padding: 0 !important;
        width: 100%;
    }
    .listw3 {
        padding-left: 0!important;
        width: 100%;
    }
    .c-black {
        display: inline-block;
        padding-left: 5px;
        padding-top: 0;
    }
    .c-blue {
        display: inline-block;
        padding-top: 0;
        padding-left: 5px;
    }
    .scheme-list li {
        min-height: auto;
    }
    .scholarshiplist {
        padding: 5px 0;
    }
    .owl-nav {top: -53px;
    }

}

@media (min-width:480px) and (max-width : 639px) {

    header.mastheadVocational {
        background-size: 100% auto !important;
        height: auto !important;
    }

    .set-stud-name {
        width: 100%;
    }

    .top-head{
        margin-top: 65px !important;
    }


    .set-left {
        display: none;
    }
    .set-right {
        width: 100%;
        padding: 0;
    }
    .set-standard {
        width: 110px;
    }
    .select-title {
        font-size: 24px;
    }
    .home-title {
        font-size: 24px;
    }
    .set-high-standard {
        width: 230px;
    }
    .mob-div {
        display: block;
    }
    .subject {
        font-size: 14px;
        /*margin-right: 0;*/
        padding: 5px 10px;
    }
    .subject-label {
        font-size: 18px;
        margin: 0;
    }
    .t-center {
        text-align: center;
    }
    .shedow-v-mask {
        width: 90px;
    }
    .tab-title {
        display: none;
    }
    .set-tab {
        margin: 0 5px 20px;
        width: 90px;
    }
    .glow{left: 10px;}
    .exam-tab-img,.tab-img {
        height: 50px;
        left: 18px;
        padding: 10px;
        width: 55px;
    }
    .mt20 {
        margin-top: 5px;
    }
    .txt-area {
        margin-bottom: 10px;
        width: 100%;
    }
    .btn-submit {
        margin-left: 0;
    }
    .cust-dialog {
        margin: 20px auto;
        width: 400px;
    }
    .mob-text,.subject1{ font-size: 14px;}
    .subject2{ font-size: 14px;}

    .plr35{padding: 0px;}
    .sec-title {  font-size: 25px;}
    .set-sec {  font-size: 15px;}
    #new-sec{background-image: none;}
    .f-right{float: none;}
    .set-dd { margin-top: 20px;}

    .txt-right {  float: none;
                  margin: 25px 0 10px;
                  text-align: center;
                  width: 100%;}
    .headstd{ margin-top: 0px;}
    /*.headstd{ margin-top: 65px;}*/
    .note-new-video > li, .note-video > li, .set-video > li,.note-for-video > li{ width: 100%;}
    .mt11 {
        margin-top: 10px;
    }

    /*online forum and nification*/

    .addp-img{
        /*					margin-right: 10px;*/
    }
    .panel-heading{
        padding: 10px;
    }
    .attachment{
        margin-bottom: 5px;
    }
    .vpdetail,.mp-mname{
        font-size: 12px;
    }
    .date-time{
        font-size: 10px;
    }
    ul.opt-soc li a{
        font-size: 10px;
    }
    .vp-texts{
        font-size: 12px;
    }
    .replymain-img{
        /*					margin-right: 10px;*/
    }
    .slevel-replywrap{
        padding: 5px;
    }
    .reply-mainwrap{
        margin-left: 80px;
    }
    .mlevel-replywrap{
        padding: 10px;
    }
    .reply-detail{
        width: calc(100% - 55px);
    }
    .reply-slevel{
        padding-left: 50px;
    }
    .ofreply-img{
        margin-right: 5px;
    }
    /*    ul.icon-list{
            padding: 0;
            text-align: center;
        }*/

    .notification-icons{
        background-color: #fff;
        float: none;

    }
    ul.icon-list{
        margin-top: 10px;
        padding: 0;
        text-align: center;
    }


    .pright {
        padding: 0 0 0 0;
    }
    .pleft {
        padding: 0 0 0 0;
    }
    .scholarshiptab {
        margin-bottom: 10px;
    }
    .competitiveexamtab {
        margin-top: 20px;
    }
    .comingsoon {
        font-size: 24px;
        padding: 20px 0;
    }
    .o-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .g-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .owl-nav {
        right: 10px;
        top: -55px;
    }
    .list-title {
        font-size: 16px;
    }
    .scheme-list li {
        border-right: none;
    }
    .listw1 {
        width: 100%;
    }
    .listw2 {
        padding: 0 !important;
        width: 100%;
    }
    .listw3 {
        padding-left: 0!important;
        width: 100%;
    }
    .c-black {
        display: inline-block;
        padding-left: 5px;
        padding-top: 0;
    }
    .c-blue {
        display: inline-block;
        padding-top: 0;
        padding-left: 5px;
    }
    .scheme-list li {
        min-height: auto;
    }
    .scholarshiplist {
        padding: 5px 0;
    }


}

@media (min-width:640px) and (max-width : 760px) {

    header.mastheadVocational {
        background-size: 100% auto !important;
        height: auto !important;
    }
    .set-stud-name {
        width: 48%;
    }

    .top-head{
        margin-top: 65px !important;
    }

    .set-left {
        width: 35%;
    }
    .set-right {
        width: 64%;
    }
    .set-standard {
        width: 115px;
    }
    .select-title {
        font-size: 24px;
    }
    .home-title {
        font-size: 24px;
    }
    .set-high-standard {
        width: 310px;
    }
    .subject {
        font-size: 14px;
        /*margin-right: 0;*/
        padding: 5px 10px;
    }
    .subject-label {
        font-size: 18px;
        margin: 0;
    }
    .t-center {
        text-align: center;
    }
    .shedow-v-mask, .tab-title {
        width: 106px;
    }
    .set-tab {
        margin-left: 0;
        width: 120px;
    }
    .glow{left: 17px;}
    .exam-tab-img,.tab-img {
        height: 60px;
        padding: 10px;
        width: 70px;
        left: 18px;
    }
    .mt20 {
        margin-top: 5px;
    }
    .txt-area {
        margin-bottom: 10px;
        width: 100%;
    }
    .btn-submit {
        margin-left: 0;
    }
    .cust-dialog {
        margin: 20px auto;
        width: 400px;
    }
    .mob-text,.subject1{ font-size: 14px;}
    .subject2{ font-size: 14px;}

    .plr35{padding: 0px;}
    .sec-title {  font-size: 25px;}
    .set-sec {  font-size: 15px;}
    #new-sec{background-image: none;}
    .f-right{float: none;}
    .set-dd { margin-top: 20px;}

    .txt-right {  float: none;
                  margin: 25px 0 10px;
                  text-align: center;
                  width: 100%;}
    .note-new-video > li, .note-video > li, .set-video > li,.note-for-video > li{ width: 48%;}
    .mt11 {
        margin-top: 10px;
    }

    /*online forum and notification*/

    /*    ul.icon-list{
            padding: 0;
            text-align: center;
        }*/
    .notification-icons{
        background-color: #fff;
        float: none;

    }
    ul.icon-list{
        margin-top: 10px;
        padding: 0;
        text-align: center;
    }



    .pright {
        padding: 0 0 0 0;
    }
    .pleft {
        padding: 0 0 0 0;
    }
    .scholarshiptab {
        margin-bottom: 10px;
    }
    .competitiveexamtab {
        margin-top: 20px;
    }
    .comingsoon {
        font-size: 24px;
        padding: 20px 0;
    }
    .o-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .g-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .owl-nav {
        right: 10px;
        top: -55px;
    }
    .list-title {
        font-size: 16px;
    }
    .scheme-list li {
        border-right: none;
    }

}

@media (min-width:640px) and (max-width : 959px) {
    .mob-text,.subject1{ font-size: 14px;}
    .subject2{ font-size: 14px;}
    /*    .f-right{float: none;}
        .set-dd { margin-top: 20px;}

        .txt-right {  float: none;
                      margin: 25px 0 10px;
                      text-align: center;
                      width: 100%;}*/
    .headstd{ margin-top: 0px;}
}

@media (min-width:761px) and (max-width : 959px) {

    .set-stud-name {
        width: 48%;
    }

    .top-head{
        margin-top: 15px;
    }

    .set-left {
        width: 30%;
    }
    .set-right {
        width: 69%;
    }
    .subject-label {
        font-size: 17px;
        margin: 35px 0;
    }
    .shedow-v-mask, .tab-title {
        width: 106px;
    }
    .set-tab {
        margin-left: 0;
        width: 106px;
    }
    .glow{left: 17px;}
    .exam-tab-img, .tab-img {
        height: 60px;
        padding: 10px;
        width: 70px;
        left: 18px;
    }
    .mob-text,.subject1{ font-size: 14px;}
    .subject2{ font-size: 14px;}

    .plr35{padding: 0px;}
    .sec-title {  font-size: 25px;}
    .set-sec {  font-size: 15px;}
    .note-new-video > li, .note-video > li, .set-video > li,.note-for-video > li{ width: 48%;}


    .pright {
        padding: 0 0 0 0;
    }
    .pleft {
        padding: 0 0 0 0;
    }
    .scholarshiptab {
        margin-bottom: 10px;
    }
    .competitiveexamtab {
        margin-top: 20px;
    }
    .comingsoon {
        font-size: 24px;
        padding: 20px 0;
    }
    .o-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .g-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .owl-nav {
        right: 10px;
        top: -55px;
    }
    .list-title {
        font-size: 16px;
    }
    .listw1 {
        width: 200px;
    }
    .listw2 {
        padding: 0 10px!important;
    }
    .listw3 {
        padding-left: 50px!important;
    }

}

@media (min-width:960px) and (max-width : 1024px) {
    .set-left {
        width: 23%;
    }
    .set-right {
        width: 76%;
    }
    .set-standard {
        width: 170px;
    }
    .set-high-standard {
        width: 236px;
    }
    .shedow-v-mask, .tab-title {
        width: 135px;
    }
    .set-tab {
        margin-left: 0;
        width: 135px;
    }
    .exam-tab-img, .tab-img {
        height: 60px;
        padding: 10px;
        width: 95px;
        left: 18px;
    }
    .mob-text,.subject1{ font-size: 14px;}
    .subject2{ font-size: 14px;}


    .pright {
        padding: 0 0 0 0;
    }
    .pleft {
        padding: 0 0 0 0;
    }
    .scholarshiptab {
        margin-bottom: 10px;
    }
    .competitiveexamtab {
        margin-top: 20px;
    }
    .comingsoon {
        font-size: 24px;
        padding: 20px 0;
    }
    .o-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .g-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .owl-nav {
        right: 10px;
        top: -55px;
    }
    .list-title {
        font-size: 16px;
    }
    .listw1 {
        width: 200px;
    }
    .listw2 {
        padding: 0 50px!important;
    }
    .listw3 {
        padding-left: 50px!important;
    }

}


@media (max-width: 700px) {
    .transformer-tabs ul {
        border-bottom: 0;
        overflow: hidden;
        /*position: relative;*/
        display: block;
        position: relative;
        background: #333;
        color: #fff;/* fallback */
    }
    .transformer-tabs ul::after {
        /*content: "☰";*/
        position: absolute;
        top: 8px;
        right: 15px;
        z-index: 2;
        pointer-events:none ;
    }
    .transformer-tabs a#ul:hover {
        background-color: #444;
        border-radius: 4px 4px 0 0;
    }
    .transformer-tabs ul.open a {
        position: relative;
        display: block;
    }
    .transformer-tabs li {
        display: block;
        color: #fff;
    }
    .transformer-tabs a {
        /*position: absolute;*/
        top: 0;
        left: 0;
        width: 100%;
        /*height: 100%;*/
        color: #fff !important;
        padding: 5px !important;
    }
    .transformer-tabs a.active {
        border: 0;
        z-index: 1;
        background: #333;
        color: #fff;/* fallback */
    }
}

@media (min-width:1024px) and (max-width : 1279px) {

    .pright {
        padding: 0 10px 0 0;
    }

    .scheme-list li {
        border-right: none;
    }
    .pleft {
        padding: 0 0 0 10px;
    }
    .scholarshiptab {
        margin-bottom: 10px;
    }
    .competitiveexamtab {
        /*margin-top: 20px;*/
        margin-top: 0;
    }
    .comingsoon {
        font-size: 24px;
        padding: 20px 0;
    }
    .o-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .g-box {
        font-size: 16px;
        padding: 10px 15px;
        margin: -20px 0 0 10px;
    }
    .owl-nav {
        right: 10px;
        top: -55px;
    }
    .list-title {
        font-size: 16px;
    }
    .listw1 {
        /*width: 200px;*/
        width: 100%;
    }
    .listw2 {
        /*padding: 0 50px!important;*/
        padding: 0 0 !important;
        width: 100%;
    }
    .listw3 {
        /*padding-left: 50px!important;*/
        padding-left: 0 !important;
        width: 100%;
    }

}
 .my-custom-scrollbar {
            position: relative;
            max-height: 450px;
            overflow: auto;
            margin-right:-21px;
        }

        /* Style the scrollbar */
        .my-custom-scrollbar::-webkit-scrollbar {
            width: 6px; /* Adjust the width to make it thinner */
        }
@media (max-width: 768px) {
    .my-custom-scrollbar {
        /* Adjust the styles for mobile screens here */
        position: relative;
        max-height: 450px; /* Adjust the height as needed for mobile screens */
        overflow: auto;
        margin-right: 0; /* Remove the negative margin for mobile screens */
    }

    .my-custom-scrollbar::-webkit-scrollbar {
        width: 4px; /* Adjust the scrollbar width for mobile screens */
    }
}
      
@media (min-width : 1280px) {
}