/****** Custom Css *********/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@400;700&display=swap');

/*--- 

font-family: 'Roboto', sans-serif !important;
font-family: 'Lato', sans-serif;

font-family: 'Satisfy', cursive;
font-family: 'Merienda', cursive;
---*/
/**{
    word-break: break-word;
}*/

body {
    font-family: 'Roboto', sans-serif;
    /* background: #d6e5f4; */
    background: #fbfbfb;
    /* background: url("../images/SQAA-bg.jpg") no-repeat;
    background-size: cover;
    background-position: center center;*/
}

.fullContainer {
    max-width: 94%;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 1rem;
}
/*-- Header and Footer Start --*/

.bodyBg {
    background: #f6fcf2 url("../images/loginscreen-bg-1.png") no-repeat;
    background-size: cover;
    background-position: left 100%;
    /*height: auto;*/
    height: 100vh;
}
/* .headerShead {
    background: url("../images/header-transparent1.png") no-repeat;
    background-size: cover;
    background-position: center center;
} */
.bgFedwhite {
    /* background: #0b4686; */
    /* background: #f2f1f2; */
    background: #fff;
}

.headerGap {
    padding: 6px 0 0px;
}

.header--one .sticky__header.is-sticky {
    /* background: #0b4686; */
    /* background: #f2f1f2; */
    background: #fff;
}

.mainmenu__wrapper .logo {
    align-items: center;
    height: 80px;
}

.logoTitle {
    margin: 0 0 0 15px;
}

    .logoTitle h2 {
        font-size: 16px;
        color: #0b00a9;
        font-weight: 600;
        line-height: 28px;
        margin: 0 0 0px;
        font-family: 'Roboto', sans-serif;
    }

    .logoTitle img {
        margin-bottom: 8px;
    }

    .logoTitle h5 {
        font-size: 12px;
        /* color: #1d0c90; */
        color: #0b00a9;
        line-height: 18px;
        /* font-family: 'Lato', sans-serif; */
        font-family: 'Roboto', sans-serif;
        letter-spacing: 1px;
    }

.mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu {
    height: 80px;
}

    .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li {
        margin: 0 25px 0 0;
    }

        .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li:last-child {
            margin: 0;
        }

        .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a {
            font-weight: 500;
            text-transform: uppercase;
            font-size: 13px;
            /* color: #1d0c90; */
            color: #fff;
            font-family: 'Roboto', sans-serif;
            letter-spacing: 1px;
        }

            .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a:hover {
                color: #ff8e06;
            }

.menuItem {
    display: inline-flex;
    justify-content: flex-end;
}

.mainmenu .fa {
    padding-right: 6px;
}

.mainmenu li.login.drop > ul.dropdown__menu {
    /* background: transparent;
    padding: 0; */
    right: 0;
    left: inherit;
}

.mainmenu li.student.drop > ul.dropdown__menu {
    background: transparent;
    padding: 0;
}

.mainmenu li.drop > ul.dropdown__menu {
    background: #039db0 none repeat scroll 0 0;
    padding-bottom: 6px;
    padding-top: 4px;
}
    /* .mainmenu li.login.drop > ul.dropdown__menu li,
.mainmenu li.student.drop > ul.dropdown__menu li {
    border-left: 5px solid #c50f4d;
    margin-bottom: 4px;
    background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(249,233,233,1) 28%, rgba(249,233,233,1) 67%, rgba(238,238,238,1) 100%);
    color: #000;
} */
    .mainmenu li.drop > ul.dropdown__menu li {
        margin-right: 0;
    }

        .mainmenu li.drop > ul.dropdown__menu li a {
            line-height: 20px;
            color: #ffffff;
        }

        .mainmenu li.drop > ul.dropdown__menu li:hover a {
            background: #028496 none repeat scroll 0 0 !important;
            color: #fff !important;
        }
/* .mainmenu li.login.drop > ul.dropdown__menu li a,
.mainmenu li.student.drop > ul.dropdown__menu li a{
    color: #000;
}
.mainmenu li.login.drop > ul.dropdown__menu li:hover,
.mainmenu li.student.drop > ul.dropdown__menu li:hover{
    border-left: 5px solid #9c0538;
}
.mainmenu li.login.drop:hover > ul.dropdown__menu > li:hover > a,
.mainmenu li.student.drop:hover > ul.dropdown__menu > li:hover > a {
    color: #ffffff;
    padding-left: 7px;
    background: linear-gradient(180deg, rgba(247,34,34,1) 0%, rgba(167,11,11,1) 28%, rgba(167,11,11,1) 67%, rgba(247,34,34,1) 100%);
} */
.indiaArmsLogo {
    margin-left: 20px;
}

.headerRight {
    padding-top: 8px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}

    .headerRight img {
        height: 50px;
    }

.copyright {
    background: #00aabf;
}

    .copyright p {
        margin: 0;
    }

.footer--2 .copyright__wrapper .coppy__right__inner p,
.footer--2 .copyright__wrapper .coppy__right__inner p i {
    color: #fff;
}

a#scrollUp {
    /* background: #440681; */
    color: #fff;
    /* background: linear-gradient(180deg, rgb(68 6 129) 0%, rgb(94 46 142) 28%, rgb(68 6 129) 67%, rgb(133 97 168) 100%); */
    background: linear-gradient(180deg, rgb(0, 172, 183) 0%, rgb(3, 108, 115) 28%, rgb(3, 108, 115) 67%, rgb(0, 172, 183) 100%);
}

    a#scrollUp:hover {
        background: linear-gradient(180deg, rgba(247,34,34,1) 0%, rgba(167,11,11,1) 28%, rgba(167,11,11,1) 67%, rgba(247,34,34,1) 100%);
    }

footer.footer--2 {
    padding: 0;
    z-index: 9;
}

.fixedFooter {
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
}

.bodyMargin {
    /* margin-bottom: 60px;*/
    background: linear-gradient(0deg, rgb(20 20 20 / 45%), rgb(34 33 33 / 35%)),url(../images/loginscreen-bg-1.jpg) no-repeat;
    background-size: cover;
    height: calc(100vh - 181px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
}

/*-- SubHeader Start --*/
.subHead {
    padding: 10px 0;
    /* background: rgb(17,28,90);
    background: linear-gradient(-90deg, rgba(17,28,90,1) 0%, rgba(16,16,157,1) 35%, rgba(0,212,255,1) 100%); */
    background: #00aabf;
}

.subHeadBlk {
    display: flex;
    justify-content: flex-start;
}

.subHeadBlk2 {
    justify-content: space-between;
}

.schoolNameBlk {
    font-size: 18px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
}

    .schoolNameBlk span {
        font-size: 17px;
        padding-right: 4px;
    }

.subHeadBlk ul {
    display: flex;
}

    .subHeadBlk ul li {
        margin-right: 20px;
    }

        .subHeadBlk ul li a {
            font-size: 14px;
            color: #fff;
        }

            .subHeadBlk ul li a:hover {
                color: rgb(246 255 0);
            }
/*-- SubHeader End --*/
/*-- Header and Footer End --*/

/*-- Slider Start --*/

.sliderMain {
    position: relative;
}

    .sliderMain .owl-nav {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

        .sliderMain .owl-nav .owl-prev {
            position: absolute;
            left: 20px;
            font-size: 0;
            background-color: rgba(0, 0, 0, 0.5);
            background-image: url(../images/icon/prev-icon.png);
            background-repeat: no-repeat;
            width: 42px;
            height: 40px;
            background-size: 16px;
            background-position: center center;
            border-radius: 50px;
        }

            .sliderMain .owl-nav .owl-prev:hover {
                background-color: rgba(0, 33, 71, 0.6);
                background-image: url(../images/icon/prev-icon.png);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 16px;
            }

        .sliderMain .owl-nav .owl-next {
            position: absolute;
            right: 20px;
            font-size: 0;
            background-color: rgba(0, 0, 0, 0.5);
            background-image: url(../images/icon/next-icon.png);
            background-repeat: no-repeat;
            width: 42px;
            height: 40px;
            background-size: 16px;
            background-position: center center;
            border-radius: 50px;
        }

            .sliderMain .owl-nav .owl-next:hover {
                background-color: rgba(0, 33, 71, 0.6);
                background-image: url(../images/icon/next-icon.png);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 16px;
            }

    .sliderMain .owl-dots {
        position: absolute;
        left: 50%;
        top: 92%;
        transform: translate(-50%, 0);
    }

.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    background: #fd5c05;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #0b4686;
}

.sliderMain .owl-item {
    max-height: 500px;
}

/*-- Slider End --*/

/*-- Global Style start --*/
.pt__20 {
    padding-top: 20px;
}

.pb__20 {
    padding-bottom: 20px;
}

.mb__10 {
    margin-bottom: 10px;
}

.mb__20 {
    margin-bottom: 20px;
}

.mb__30 {
    margin-bottom: 30px;
}

.dummySpace {
    height: 60px;
}

.labelControl {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 4px;
    line-height: 18px;
    color: #002147;
}

.inputControl,
.selectControl,
.textControl {
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}

    .inputControl:focus,
    .selectControl:focus,
    .textControl:focus {
        outline: none;
        box-shadow: none;
    }

.textControl {
    resize: none;
}

.actionBtn {
    outline: none;
    text-transform: capitalize;
    background: #092c76;
    border: none;
    font-size: 14px;
    box-shadow: none !important;
    color: #ffffff;
    border-radius: 10px;
    font-weight: 500;
    /* font-family: "Source Sans Pro", Helvetica, sans-serif; */
}

    .actionBtn:hover {
        background: #00acee;
        border: none;
        box-shadow: none;
    }

.back-link {
    color: #000;
    font-size: 15px;
}

.tble-border {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #e3e3e3;
    margin-bottom: 50px;
}

.w__150 {
    width: 150px;
}

a:active,
a:hover {
    color: #0800d7;
}

.dummySpaceQues {
    height: 120px;
}

.dummySpaceMentor {
    height: 120px;
}

.dummySpaceAccordian {
    height: 100px;
}

.dummySpaceProfile {
    height: 120px;
}
/*-- Global Style end --*/
/*-- Home Page Start --*/
.introText {
    position: relative;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    margin-left: 10px;
    margin-top: 30px;
    min-height: 164px;
}

.introMain {
    display: flex;
    flex-direction: row;
    padding: 15px 10px 5px;
}

.sectionTitle {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin: 0 0 10px;
    color: #0b00a9;
}

.introContent .paragraph {
    line-height: 32px;
}

.introContent strong,
.paragraph strong {
    color: #4472c4;
}

.paragraph strong {
    font-weight: 500;
}

.paragraph {
    color: #000;
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
}

.introImg {
    margin: 8px 20px 0 0;
}

    .introImg img {
        max-width: 560px;
        width: 560px;
    }

.visionText {
    position: relative;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    margin-left: 10px;
    margin-top: 30px;
    min-height: 164px;
}

.visionTextHead {
    position: absolute;
    top: -17px;
    left: -10px;
    background: #00acb7;
    padding: 5px 18px;
}

    .visionTextHead:after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 0;
        border-bottom: 7px solid #04959f;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        transform: rotate( 45deg );
    }

    .visionTextHead h4 {
        font-size: 17px;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Lato', sans-serif;
        letter-spacing: 2px;
        line-height: 22px;
        font-weight: 600;
    }

.visionText .visionTextContent {
    padding: 15px 10px 5px;
}

.visionTextContent .paragraph {
    position: relative;
    padding-left: 24px;
}

    .visionTextContent .paragraph:before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        background: url("../images/icon/write.png") no-repeat;
        width: 16px;
        height: 16px;
        background-size: 16px;
        background-position: center;
    }

.objectMain {
    position: relative;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    margin-left: 10px;
    margin-top: 30px;
    min-height: 164px;
}

.sectionHead {
    position: absolute;
    top: -17px;
    left: -10px;
    background: #00acb7;
    padding: 5px 18px;
}

    .sectionHead:after {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 0;
        border-bottom: 7px solid #04959f;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        transform: rotate( 45deg );
    }

    .sectionHead h2 {
        font-size: 17px;
        text-transform: uppercase;
        color: #fff;
        font-family: 'Lato', sans-serif;
        letter-spacing: 2px;
        line-height: 22px;
        font-weight: 600;
    }

.sectionContent {
    padding: 15px 10px 5px;
}

.objectMain h4 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    margin: 0 0 5px;
    color: #4472c4;
    max-width: 100%;
    text-decoration: underline;
}

.objectMain ol {
    list-style-type: none;
    padding-left: 0;
}

    .objectMain ol li {
        padding-left: 24px;
        color: #000;
        font-size: 16px;
        line-height: 26px;
        position: relative;
        margin-bottom: 10px;
    }

        .objectMain ol li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 6px;
            background: url("../images/icon/goal.png") no-repeat;
            width: 16px;
            height: 16px;
            background-size: 16px;
            background-position: center;
        }

.eligibilityMain {
    position: relative;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    margin-left: 10px;
    margin-top: 30px;
}

    .eligibilityMain .paragraph {
        position: relative;
        padding-left: 24px;
    }

        .eligibilityMain .paragraph:before {
            content: "";
            position: absolute;
            left: 0;
            top: 3px;
            background: url(../images/icon/write.png) no-repeat;
            width: 16px;
            height: 16px;
            background-size: 16px;
            background-position: center;
        }

.approMain .paragraph {
    position: relative;
    padding-left: 24px;
}

    .approMain .paragraph:before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        background: url(../images/icon/write.png) no-repeat;
        width: 16px;
        height: 16px;
        background-size: 16px;
        background-position: center;
    }

.approMain {
    position: relative;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    margin-left: 10px;
    margin-top: 30px;
    min-height: 164px;
}

    .approMain table {
        margin: 0;
        table-layout: fixed;
    }

    .approMain th {
        /* background: #4472c4;
    color: #fff; */
        font-size: 13px;
    }

    .approMain th, .approMain td {
        text-align: center;
        line-height: 20px;
    }

    .approMain td {
        font-size: 14px;
        /* background: #f3f3f3; */
    }

.structureItem {
    display: flex;
    flex-direction: row;
}

.strucLeft .paragraph {
    line-height: 32px;
}

.strucRight {
    width: 560px;
    margin: 0 0 0 15px;
}

    .strucRight img {
        max-width: 560px;
    }

.structureTable h4 {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    line-height: 22px;
    font-weight: 600;
    color: #4472c4;
}

.structureTable .table {
    table-layout: fixed;
}

.structureTable th {
    width: 18%;
    font-size: 13px;
}

.structureTable th, .structureTable td {
    line-height: 22px;
}

.structureTable td {
    width: 82%;
    padding: 0.5rem 1rem;
    font-size: 14px;
}

    .structureTable td ol {
        padding-left: 1rem;
    }

        .structureTable td ol ol {
            list-style: lower-latin;
        }

        .structureTable td ol li {
            padding-left: 0.25rem;
            margin-bottom: 10px;
        }

    .structureTable td ul {
        list-style: disc;
        padding-left: 15px;
    }

.structureTable .paragraph {
    padding: 0;
    font-size: 14px;
    line-height: 22px;
}

    .structureTable .paragraph::before {
        display: none;
    }

    .structureTable .paragraph strong {
        font-weight: 500;
    }

    .structureTable .paragraph i {
        color: #4472c4;
        font-weight: 500;
    }

.structureGraph {
    padding-bottom: 20px;
}

    .structureGraph .row {
        align-items: flex-end;
    }

        .structureGraph .row .col-md-3 {
            position: relative;
        }

.graphShape {
    width: 0;
    height: 0;
    border-bottom: 30px solid #548235;
    border-left: 30px solid transparent;
    position: absolute;
    right: 13px;
    top: 0;
}

.graphLine {
    text-align: center;
    position: relative;
    padding: 20px 25px 0;
    margin-top: 40px;
    min-height: 168px;
}

.graphLine2 {
    min-height: 208px;
}

.graphLine3 {
    min-height: 248px;
}

.graphLine4 {
    min-height: 288px;
}

.graphLine:before {
    content: "";
    width: 10px;
    height: 150px;
    background: #548235;
    position: absolute;
    left: 0;
    top: 0;
}

.graphLine:after {
    content: "";
    width: 100%;
    height: 10px;
    background: #548235;
    position: absolute;
    left: 0;
    top: 0;
}

.graphLine1::before {
    background: #e2f0d9;
}

.graphLine2::before {
    background: #c5e0b4;
}

.graphLine3::before {
    background: #a9d18e;
}

.graphLine1::after {
    background: #e2f0d9;
}

.graphLine2::after {
    background: #c5e0b4;
}

.graphLine3::after {
    background: #a9d18e;
}

.graphLine h5 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    margin: 0 0 5px;
}

.graphLine span {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    margin: 0 0 10px;
    display: block;
}

.graphLine p {
    font-size: 15px;
    color: #000;
    line-height: 24px;
}

.graphLine4 {
    margin-top: 10px;
}

.approMobText .card {
    margin-bottom: 15px;
    padding: 12px 15px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
}

    .approMobText .card h3 {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        line-height: 20px;
        margin: 0 0 5px;
        color: #4472c4;
        position: relative;
        padding-bottom: 4px;
    }

        .approMobText .card h3::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            background: #f00;
            width: 40px;
            height: 2px;
        }

    .approMobText .card p {
        font-size: 14px;
        color: #000;
    }

.structTabText .card {
    margin-bottom: 15px;
    padding: 12px 15px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.10);
}

    .structTabText .card h3 {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        line-height: 20px;
        margin: 0 0 5px;
        color: #4472c4;
        position: relative;
        padding-bottom: 4px;
    }

        .structTabText .card h3::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            background: #f00;
            width: 40px;
            height: 2px;
        }

    .structTabText .card p {
        font-size: 14px;
        color: #000;
    }

.structTabText ol {
    padding-left: 15px;
}

.structTabText li {
    margin-bottom: 5px;
}

.structTabText ul {
    list-style: disc;
    padding-left: 15px;
}

.structTabText ol ol {
    list-style: lower-latin;
}

.structTabText {
    overflow-y: scroll;
    height: 500px;
}
/*-- Home Page End --*/

/*-- Observation Form Start --*/
.pageLayout {
    padding: 50px 0;
}

.pageContent {
    background: #fff;
    padding: 20px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
}

.pageHeading {
    font-size: 23px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin: 0 0 15px;
    color: #000;
    margin-bottom: 50px;
    margin-top: 23px;
    position: relative;
}

    .pageHeading:after {
        position: absolute;
        content: "";
        left: 46%;
        bottom: -12px;
        background: #000;
        height: 5px;
        width: 100px;
        border-radius: 10px;
    }

.posRelative {
    position: relative;
}

    .posRelative .backLink {
        left: 20px;
        top: 15px;
    }

.observTable .table {
    /*  border-color: #00aabf;*/
}

.observTable th {
    background: #ebf0f7;
    color: #000;
    font-size: 15px;
    padding: 20px 10px;
}

    .observTable th:first-child {
        border-top-left-radius: 15px;
    }

.observTable .table > :not(:first-child) {
    border-top: unset;
}

.observTable th:last-child {
    border-top-right-radius: 15px;
}

.observTable tr {
    border-style: unset;
    /*border-width: 0;*/
}

.observTable td {
    font-size: 14px;
    color: #000;
    background: #fff;
}

.observTable .obserCat {
    padding: 0 !important;
}

.observTable h4 {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    padding: 0.5rem 0.5rem;
    font-weight: normal;
    margin-bottom: 0px;
}

.obserCat h6 {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background: #faffeb;
    padding: 0.35rem 0.5rem 0.25rem;
    display: flex;
    justify-content: space-between;
}

.statusTitle {
    font-size: 15px;
    color: #e52c97;
}

.statusValue {
    font-size: 14px;
    color: #10128f;
}

    .statusValue i {
        padding-left: 4px;
    }

.completeBtn {
    color: #6362e7;
    background-color: rgba(99,98,231,0.1);
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 5px;
}

.draftBtn {
    color: #ffc500;
    background-color: #fff1c2;
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 5px;
}

.nStartBtn {
    color: #e52727;
    background-color: #fad4d4;
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 5px;
}

.approvedbtn {
    color: #219e8e;
    background-color: rgb(211 241 237);
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 5px;
}

.pendingbtn {
    color: #bd8d00;
    background-color: #f9e2c0d4;
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 5px;
}

.snBlk,
.actionBlk,
.actionDocBlk {
    vertical-align: middle;
}

.observTable .actionBtn {
    font-size: 12px;
}

.continueBtn {
    background: #fb4b07;
}

    .continueBtn:hover {
        background: #f6ff00;
        color: #341cd8;
    }

.viewBtn {
    background: rgba(10,179,156,.18);
    color: #0f9685;
    border-radius: 8px;
    font-weight: 500;
    outline: none;
    text-transform: capitalize;
    border: none;
    font-size: 13px;
    box-shadow: none !important;
    padding: 5px 15px;
}

    .viewBtn:hover {
        background: #0f9685;
        color: #fff;
    }

.startBtn:hover {
    background: #405189;
    color: #fff;
}

.startBtn {
    background: rgba(64,81,137,.18);
    color: #405189;
    border-radius: 8px;
    font-weight: 500;
    outline: none;
    text-transform: capitalize;
    border: none;
    font-size: 13px;
    box-shadow: none !important;
    padding: 5px 15px;
}

.questionBlk .accordion-button {
    color: #fff;
    border: none;
    outline: none;
    text-transform: uppercase;
    font-size: 14px;
    box-shadow: none;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    /* background: linear-gradient( -90deg, #0a555c 0%, rgb(5 48 18) 35%, rgb(54 7 78) 100%); */
    background: #858585;
    /* padding: 1rem 1.75rem 1rem 1.25rem; */
    padding: 1rem 7.25rem 1rem 1.25rem;
    position: relative;
}

    .questionBlk .accordion-button::after {
        background-image: url(../images/icon/download.png);
        width: 1rem;
        height: 1rem;
        background-size: 1rem;
        position: absolute;
        right: 8px;
        top: 16px;
    }

    .questionBlk .accordion-button:not(.collapsed) {
        background: #00aabf;
    }

.questionBlk .accordion-collapse {
    background: #fdfdfd;
    padding-bottom: 20px;
}

.questionBlk .accordion-button.accordionChecked {
    background: #008840;
}

    .questionBlk .accordion-button.accordionChecked:not(.collapsed) {
        background: #00aabf;
    }

.questionBlk .accordion-item {
    margin-bottom: 15px;
}

.questionBlk .accordion-collapse table {
    border-bottom: 1px solid #444;
}

.questionBlk .accordion-collapse tr:first-of-type td {
    border-top: none;
}

.questionBlk .accordion-collapse td {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top;
    border-top: 1px solid #444;
}

.accordCheck {
    padding-left: 8px;
}

.questionBlk {
    position: relative;
}

.backLink {
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 9;
}

    .backLink .inlineLink {
        font-size: 16px;
        font-weight: 600;
        color: #ff5700;
    }

        .backLink .inlineLink:hover {
            color: #068d9e;
            text-decoration: underline;
        }

    .backLink.backLinkBg .inlineLink {
        background: #00aabf;
        padding: 8px 14px;
        border-radius: 6px;
        border: 1px solid #00aabf;
        color: #fff;
        font-weight: 500;
        text-align: center;
    }

        .backLink.backLinkBg .inlineLink:hover {
            background: #fff;
            color: #ff5700;
        }

    .backLink i {
        font-size: 14px;
        margin-right: 4px;
    }

.questionBlk .accordion-header {
    position: relative;
}

.questionBlk .qNumber {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    z-index: 9;
    transform: translate(-50%, -50%);
}

.questionBlk .qTotalNumber {
    display: none !important;
}
/* .questionBlk .accordion {
    position: relative;
    margin-top: 30px;    
} */
.questionBlk .acorSubHead {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #10119b;
    margin: 0 0 2px 2px;
}
/*-- Observation Mobile Start --*/
.mobileView {
    margin: 0 0 20px;
}

.mobObserve .card {
    border: none;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    padding: 15px;
    margin-bottom: 15px;
}

    .mobObserve .card:last-child {
        margin-bottom: 0;
    }

.cardHead {
    padding: 0 0 10px;
    border-bottom: 2px dotted #00aabf;
    display: inline-flex;
}

    .cardHead span {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        margin-right: 3px;
        line-height: 22px;
        display: block;
        font-weight: 600;
        width: 18px;
    }

    .cardHead h4 {
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.cardStatus {
    padding: 5px 0 6px;
    border-bottom: 1px solid #00aabf6e;
    display: inline-flex;
    justify-content: space-between;
}

    .cardStatus .statusTitle {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        color: #e52c97;
    }

    .cardStatus .statusValue {
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.cardAction {
    padding: 8px 0 0;
    display: inline-flex;
    justify-content: space-between;
}

.mobObserve .actionBtn {
    font-size: 12px;
}
/*-- Observation Mobile End --*/


/*-- Observation Form End --*/

/*-- Login Start --*/
.loginMain {
    margin-top: 80px;
    /*  max-width: 800px;
    margin: 0 auto;*/
    /* background: url("../images/loginBg.jpg") no-repeat center;
    background-size: cover;
    box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
    border-radius: 14px; */
}
/*.loginMain .row {
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 20%);
    border-radius: 10px;
}*/
.loginSec {
    background: #fff;
    border-radius: 10px 0 0 10px;
    padding: 45px 45px;
    width: 500px;
    filter: drop-shadow(0px 3px 96px rgba(0, 0, 0, 0.07));
    box-shadow: 0px 3px 96px rgb(0 0 0 / 7%);
    border-radius: 16px;
    position: relative;
}

    .loginSec h2 {
        font-size: 22px;
        margin: 0 0 20px;
        color: #000;
        text-transform: capitalize;
        line-height: 36px;
        position: relative;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
    }

.loginForm label {
    color: #000;
    margin: 0 0 2px;
}

.loginForm input,
.loginForm select,
.loginForm textarea {
    /* border-color: #e0e0e0; */
    font-size: 14px;
    outline: none;
    box-shadow: none;
    color: #341cd8;
}

    .loginForm input:focus,
    .loginForm select:focus,
    .loginForm textarea:focus {
        outline: none;
        box-shadow: none;
    }

.loginForm textarea {
    resize: none;
}

.logSliderMain .owl-nav {
    display: none;
}

.logSliderMain .owl-dots {
    position: absolute;
    left: 40px;
    bottom: 40px;
}

.logSliderMain .owl-dot span {
    width: 30px !important;
    height: 5px !important;
    border-radius: 5px !important;
    background: #fff !important;
}

.logSliderMain .owl-dot.active span,
.logSliderMain .owl-dot:hover span {
    background: #f00 !important;
}

.bannerSec {
    background: url(../images/loginImg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0 10px 10px 0;
    position: relative;
}

.captchaBlk {
    display: flex;
    align-items: center;
}

    .captchaBlk a {
        color: #fff;
        font-weight: 600;
        letter-spacing: 1px;
    }

.loginSec .form-group label {
    font-size: 14px;
    font-weight: 500;
}

.loginBtn {
    background: #5e6de4;
    font-weight: 500;
    letter-spacing: 0px;
    font-size: 13px;
    padding: 10px 40px;
    text-transform: capitalize;
    color: #fff !important;
}

    .loginBtn:hover {
        background: #00aabf;
    }
/*-- Login End --*/
/*-- Split Start --*/
@media screen and (min-width: 992px) {
    .splitMain {
        max-width: 900px;
    }
}

.splitMain {
    margin: 40px auto 0;
}

    .splitMain .row,
    .splitMain2 .row {
        justify-content: center;
    }

    .splitMain .grid {
        width: 40%;
        margin-right: 2%;
        padding: 5px;
        border-radius: 10px;
        text-align: center;
        min-height: 140px;
        display: flex;
        align-items: center;
    }

.splitMain3 .grid {
    margin-bottom: 20px;
}

.splitMain .grid:last-child {
    margin-right: 0;
}

.splitMain3 .grid:nth-child(3n) {
    margin-right: 0;
}

.splitMain .grid:hover {
    background: rgba(255,255,255,.5);
}

.splitMain .grid a {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .splitMain .grid a h4 {
        color: #a75555;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        letter-spacing: 2px;
        font-weight: 500;
        font-size: 17px;
    }

.splitMain .grid:hover a h4 {
    color: #00aabf;
}
/*-- Split End --*/

/*-- Mentor Details Start --*/
.mentorTable .table {
    border-color: #00aabf;
}

    .mentorTable .table th {
        background: #545e66;
        color: #fff;
        font-size: 13px;
        letter-spacing: 1px;
    }

    .mentorTable .table td {
        font-size: 14px;
        color: #000;
        background: #f3f5ff;
    }

.mentorTable .table {
    table-layout: fixed;
}

.menIDW {
    width: 100px;
}

.menNameW {
    width: 150px;
}

.menDesignW {
    width: 150px;
}

.menMobilW {
    width: 100px;
}

.menEmailW {
    width: 170px;
}

.menDateW {
    width: 160px;
}

.menStatusW {
    width: 200px;
}

.menRequestW {
    width: 230px;
}

.menActionW {
    width: 280px;
}

.mentorTable .actionBtn {
    font-size: 12px;
}

.menDecApporW {
    width: 200px;
}

.menVoisIdPassW {
    width: 200px;
}

.declineLink,
.declineMenLink {
    color: #f00;
}

.approveMenLink {
    color: #092c76;
}

.pendingMenLink {
    color: #db0795;
}

.actionMenBlk label {
    font-weight: 500;
    text-transform: uppercase;
}

.actionMenBlk span {
    margin: 0 6px;
    font-weight: 500;
}

.actionMenBlk a {
    font-weight: 500;
    text-transform: uppercase;
}

    .actionMenBlk a:hover {
        text-decoration: underline;
        color: #fd692f;
    }

.voisIdPassBtn,
.voisIdPassBtn b {
    text-transform: uppercase;
    color: #f00;
    font-weight: 500;
}

.menRequestBtn {
    text-align: center;
}

.mentorLoginBtn {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .mentorLoginBtn .btn {
        margin-bottom: 17px;
    }

    .mentorLoginBtn span a {
        color: #5e6de4;
        font-weight: 400;
    }

        .mentorLoginBtn span a:hover {
            text-decoration: underline;
        }

.menApproveDateW {
    width: 120px;
}

.menApprovStatusW {
    width: 120px;
}

.menVoisIDW {
    width: 140px;
}

.menVoisPassW {
    width: 150px;
}

.menSchoolCodeW {
    width: 120px;
}

.declineBtn {
    background: #f00;
}

.paymentTable i {
    margin-right: 7px;
}

.paymentTable span {
    font-weight: 600;
    margin-right: 7px;
}

.statusMainBlk span {
    font-weight: 500;
    text-transform: uppercase;
}

.menRendomApporW {
    width: 120px;
}

.overAllTable th {
    background-color: #00aabf !important;
    color: #fff;
}

.overAllTable2 th {
    line-height: 20px;
    vertical-align: middle;
}

    .overAllTable2 th:nth-last-child(2n) {
        max-width: 150px;
        text-align: center;
    }

    .overAllTable2 th:last-child {
        max-width: 150px;
        text-align: center;
    }

.adminOverSearch {
    display: flex;
    align-items: center;
}

    .adminOverSearch .labelControl {
        margin: 0 20px 0 0;
    }

    .adminOverSearch .inputControl {
        max-width: 300px;
        margin-right: 20px;
    }

.scoreDark {
    background: #d9d9d9 !important;
}

.mentorProMain {
    position: relative;
}

.mentorHeader {
    /*   background: url(../images/mentor-profile-bg.jpg) no-repeat;
    background-size: cover;
    background-position: left 100%;
    min-height: 30vh;
    position: relative;*/
}

    .mentorHeader h1 {
        /*  position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);*/
        font-size: 22px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        color: #002147;
        font-weight: 500;
    }

/* .mentorProfile {
    padding: 30px 0;       
} */
/* .mentorProfile {    
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50% , -43%);
} */
/* .mProfileCont {
    background: rgba(0,170,191,.5);
    padding: 20px;
    border-radius: 10px;
    max-width: 600px;
    margin: 0 auto;
} */
.mProfileCont {
    background: rgba(0,170,191,.5);
    padding: 20px;
    /*  max-width: 600px;
    margin: -60px auto 0;  */
    position: relative;
}

.mProfileRow {
    padding: 10px 15px;
    background: rgba(255,255,255,.95);
    margin: 0 0 10px;
    border-bottom: 1.25px solid #4bacb2;
}

    .mProfileRow:last-child {
        margin-bottom: 0;
    }

.mProfileDetail {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.mProName {
    display: inline-flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-bottom: 1px dashed #000;
    padding: 0 0 5px;
    margin: 0 0 10px;
}

    .mProName .profileLabel {
        margin: 0 10px 0 0;
        font-size: 20px;
        font-weight: 500;
        color: #02545e;
        line-height: 26px;
        text-transform: uppercase;
    }

    .mProName p {
        font-size: 18px;
    }

.mProfileRow p {
    color: #2c2c2c;
    font-size: 14px;
}

.mProDetailMain {
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.mProMain1 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .mProMain1 .profileLabel {
        font-size: 15px;
        font-weight: 500;
        color: #02545e;
        line-height: 18px;
    }

.mProDetailMain .mProBorder,
.mProDetailSub .mProBorder {
    width: 1px;
    height: 40px;
    background: #509498;
    margin: 0 15px;
    font-size: 0;
}

.mProDetailSub {
    display: flex;
    justify-content: center;
}

.mProSub1 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .mProSub1 label {
        font-size: 15px;
        font-weight: 500;
        color: #02545e;
        line-height: 18px;
    }

.mentorSearch {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .mentorSearch .labelControl {
        margin: 0 20px 0 0;
    }

    .mentorSearch .selectControl {
        max-width: 200px;
        margin-right: 20px;
    }

.min-hgt {
    min-height: 184px;
}

.export-btn {
    background: #008d2e !important;
}
/*-- Mentor Details End --*/
/*-- Popup design start --*/
.modal-open {
    padding-right: 0 !important;
}

.modalBody .modal-title {
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #10119b;
}

.modalBody .btn-primary {
    outline: none;
    text-transform: uppercase;
    background: #027e13;
    letter-spacing: 1px;
    border: none;
    font-size: 12px;
    box-shadow: none !important;
    color: #ffffff;
    font-weight: 500;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    margin-right: 10px;
}

    .modalBody .btn-primary:hover {
        opacity: .8;
    }

.modalBody .btn-secondary {
    outline: none;
    text-transform: uppercase;
    background: #6c757d;
    letter-spacing: 1px;
    border: none;
    font-size: 12px;
    box-shadow: none !important;
    color: #ffffff;
    font-weight: 500;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
}

    .modalBody .btn-secondary:hover {
        opacity: .8;
    }

.modalBody .modal-header {
    position: relative;
}

.modalBody .close {
    border: none;
    border-radius: 50%;
    background: #d0d0d0;
    width: 20px;
    height: 20px;
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    padding: 0;
    line-height: 22px;
    position: absolute;
    right: 8px;
    top: 8px;
}
/*-- Popup design end --*/

/*-- Change Password Start --*/
.cPasswordMain {
    max-width: 540px;
    margin: 0 auto;
}

.cPasswordBody {
    padding: 20px 20px 30px;
    border-radius: 10px;
    background: url("../images/loginBg.jpg") no-repeat center;
    background-size: cover;
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 24%), 0 12px 16px 0 rgb(0 0 0 / 19%);
    border-radius: 10px;
}

    .cPasswordBody h2 {
        text-align: center;
        margin: 0 0 15px;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
        font-size: 24px;
        letter-spacing: 1px;
        font-weight: 500;
    }

    .cPasswordBody .labelControl {
        color: #fff;
    }

.captchaBlk {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

    .captchaBlk a {
        color: #3c8fdd;
        font-weight: 600;
        margin-left: 10px;
    }

.changePBtn {
    background: #eef709;
    font-weight: 600;
    color: #281cb4;
}
/*-- Change Password End --*/

/*-- Responsive code start --*/
@media screen and (max-width: 1578px) {
    .azadiLogo {
        max-width: 140px;
    }

    .indiaArmsLogo {
        margin-left: 10px;
    }
    /* .logo img {
        max-width: 160px;
    } */
    .logoTitle h2 {
        font-size: 16px;
        line-height: 22px;
        text-transform: capitalize;
    }

    .logoTitle h5 {
        font-size: 12px;
    }

    .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a {
        font-size: 13px;
    }

        .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li > a i {
            font-size: 13px;
        }
}

@media screen and (min-width: 992px) and (max-width: 1578px) {
    .mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu > li:last-child {
        margin-right: 10px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
    .headerLeft {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .headerRight {
        flex: 0 0 35%;
        max-width: 35%;
    }
    /* .headerRight{
        display: none;
    } */
}

@media screen and (min-width: 1200px) {
    .customContainer {
        max-width: 90%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1038px) {
    .desktopMenu .logo a {
        max-width: 74px;
    }

    .logoTitle {
        margin: 0 0 0 8px;
    }
}

@media screen and (min-width: 991px) {
    .impoDrop .dropdown__menu {
        display: flex;
        flex-direction: column;
    }

    .dLFlex .dropdown__menu {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 991px) {
    .mobLogo .logo {
        top: 0;
        z-index: 9;
    }

    .mobLogo .logoTitle {
        position: absolute;
        left: 100px;
        top: 6px;
        margin: 0;
    }

        .mobLogo .logoTitle h2 {
            font-size: 16px;
            line-height: 16px;
        }

    .mobile-menu.mean-container .mean-nav {
        margin-top: 10px;
        position: absolute;
        top: 100%;
    }

    .mean-container a.meanmenu-reveal.meanclose {
        color: #fff;
    }

    .mobile-menu.mean-container .mean-nav ul li {
        box-sizing: border-box;
    }

        .mobile-menu.mean-container .mean-nav ul li li a {
            padding: 12px 6%;
        }

    .mean-container a.meanmenu-reveal span {
        background: #440681;
    }

    .mean-container a.meanmenu-reveal span {
        background: url("../images/icon/menu.png") no-repeat;
        background-position: center;
        width: 32px;
        height: 32px;
    }

    .mean-container a.meanmenu-reveal.meanclose {
        color: #440681;
    }

    .mainmenu__wrapper .logo {
        padding-top: 14px;
    }

    .mainmenu__wrapper .logo {
        align-items: center;
        height: 66px;
        padding-top: 30px;
    }

    .mobile-menu .logo img {
        max-height: 64px;
    }

    .logo img {
        max-width: 160px;
    }

    .mean-container .mean-nav {
        background: #08828e;
    }

        .mean-container .mean-nav ul li a {
            width: calc(100% - 40px);
            padding: 10px 20px;
        }

        .mean-container .mean-nav ul li a {
            color: #fff;
            border-top: 1px solid rgba(0,0,0,0.09);
        }

    .mobile-menu .drop .fa-caret-down {
        display: none;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        height: 26px;
    }

        .mean-container .mean-nav ul li a.mean-expand:hover {
            background: rgba(255,255,255,0.1);
        }

    .mainmenu li.drop > ul.dropdown__menu {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #ab13dd !important;
        background: #ab13dd !important;
    }

        .mainmenu li.drop > ul.dropdown__menu li {
            background: #07707a !important;
        }
}

@media screen and (max-width: 767px) {
    .sliderMain .owl-dots {
        top: inherit;
        bottom: 10px;
    }
}

@media screen and (max-width: 575px) {
    .mobLogo .logoTitle {
        display: none;
    }

    .sliderMain .owl-dots {
        bottom: 5px;
    }

    .owl-theme .owl-dots .owl-dot span {
        margin: 5px 4px;
    }

    .mobile-menu .logo {
        max-width: 84%;
    }
}

/*-- Home page responsive Start --*/
@media screen and (max-width: 1399px) {
    .visionText {
        min-height: 190px;
    }

    .graphLine4 {
        min-height: 312px;
    }

    .missionBlk,
    .objectiveBlk,
    .eligibilityBlk {
        padding-top: 0;
    }

    .dummySpaceProfile {
        height: 100px;
    }
}

@media screen and (max-width: 1199px) {
    .introMain {
        flex-direction: column;
    }

    .introImg {
        margin: 0 auto 10px;
    }

    .visionText {
        min-height: 216px;
    }

    .structureItem {
        flex-direction: column;
    }

    .strucRight {
        margin: 15px auto 0;
    }

    .graphLine {
        padding: 20px 13px 0;
    }

    .introContent .paragraph {
        text-align: justify;
    }

    .paragraph {
        text-align: left;
    }

    .pageHeading {
        font-size: 20px;
    }

    .observTable h4 {
        font-size: 17px;
    }
}

@media screen and (min-width: 992px) {
    .mobileView {
        display: none;
    }

    .approachMob {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .mean-container a.meanmenu-reveal span {
        width: 24px;
        height: 24px;
        background-size: 24px;
    }

    .logoTitle h2 {
        font-size: 18px;
    }

    .logoTitle h5 {
        font-size: 12px;
    }

    .sectionHead,
    .visionTextHead {
        padding: 5px 18px 8px;
    }

        .sectionHead h2,
        .visionTextHead h4 {
            font-size: 16px;
        }

    .introBlk {
        padding: 15px 0;
    }

    .introContent .paragraph,
    .paragraph {
        font-size: 14px;
        line-height: 26px;
    }

    .introText,
    .visionText,
    .objectMain,
    .eligibilityMain {
        padding: 6px;
    }

    .visionText {
        min-height: 250px;
    }

    .missionBlk,
    .objectiveBlk,
    .eligibilityBlk {
        padding-bottom: 15px;
    }

    .structureGraph .col-md-3 {
        width: 50%;
    }

    .structureTable {
        padding: 10px;
    }

        .structureTable .table-responsive {
            height: 500px;
        }

    .structureGraph {
        margin-top: 15px;
    }

    .graphShapeMob {
        display: none;
    }

    .graphLine {
        min-height: 150px;
        padding: 20px 15px 0;
    }

        .graphLine span {
            margin: 0 0 5px;
        }

    .graphLine2 {
        min-height: 190px;
        margin-top: 0;
    }

    .graphLine4 {
        min-height: 264px;
        margin-top: 0;
    }

    .objectMain h4 {
        font-size: 16px;
        margin: 0 0 8px;
    }

    .objectMain ol li {
        font-size: 14px;
        line-height: 20px;
    }

    .visionTextContent .paragraph {
        line-height: 20px;
    }

    .graphLine h5 {
        font-size: 18px;
    }

    .graphLine p {
        font-size: 14px;
        line-height: 20px;
    }

    .pageHeading {
        font-size: 18px;
    }

    .observTable .table {
        table-layout: fixed;
    }

        .observTable .table th:first-child {
            width: 60px;
        }

        .observTable .table th:nth-child(2) {
            width: 500px;
        }

        .observTable .table th:last-child {
            width: 140px;
        }

    .observTable td {
        font-size: 15px;
    }

    .observTable h4 {
        font-size: 15px;
    }

    .statusTitle {
        font-size: 14px;
    }

    .statusValue {
        font-size: 13px;
    }

    .desktopView {
        display: none;
    }

    .mobileView .dummySpace {
        height: 30px;
    }

    .backLink {
        top: 0px;
    }

        .backLink .inlineLink {
            font-size: 14px;
        }

        .backLink i {
            font-size: 12px;
        }

    .subHeadBlk2 {
        justify-content: center;
    }

    .approachDesktop {
        display: none;
    }

    .mProfileCont {
        padding: 10px;
    }

    .mProfileRow {
        padding: 10px 10px;
    }
}

@media screen and (min-width: 768px) {
    .structTabMob {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .logoTitle {
        margin: 0 0 0 8px;
    }

        .logoTitle h2 {
            font-size: 16px;
            line-height: 22px;
        }

    .sectionHead,
    .visionTextHead {
        padding: 3px 18px 5px;
    }

        .sectionHead h2,
        .visionTextHead h4 {
            line-height: 20px;
        }

    .introMain {
        padding: 20px 10px 5px;
    }

    .introImg img {
        max-width: 100%;
    }

    .strucRight {
        max-width: 100%;
    }

        .strucRight img {
            max-width: 100%;
        }

    .structureTable h4 {
        font-size: 15px;
        line-height: 20px;
    }

    .structureTable th {
        width: 150px;
    }

    .structureTable td {
        width: 500px;
    }

    .visionText {
        min-height: inherit;
    }

    .visionTextContent .paragraph,
    .objectMain ol li {
        padding-left: 18px;
    }

        .visionTextContent .paragraph::before,
        .objectMain ol li::before {
            width: 12px;
            height: 12px;
            background-size: 12px;
        }

    .graphLine4 {
        min-height: 306px;
    }

    .sliderMain .owl-nav {
        top: 40%;
    }

        .sliderMain .owl-nav .owl-prev,
        .sliderMain .owl-nav .owl-next {
            width: 30px;
            height: 30px;
            background-size: 10px;
        }

            .sliderMain .owl-nav .owl-prev:hover,
            .sliderMain .owl-nav .owl-next:hover {
                background-size: 10px;
            }

    .bannerSec {
        display: none;
    }

    .loginSec {
        background: #4f9e89 url("../images/loginBg.jpg") no-repeat;
        background-size: cover;
        background-position: center;
    }

        .loginSec h2 {
            font-size: 24px;
            margin: 0 0 15px;
            line-height: 26px;
        }

    .cardHead span {
        font-size: 14px;
        line-height: 20px;
    }

    .cardHead h4 {
        font-size: 14px;
    }

    .pageLayout {
        padding: 20px 0;
    }

    .backLink {
        position: static;
    }

    .questionBlk .acorSubHead {
        font-size: 13px;
        line-height: 20px;
    }

    .questionBlk .accordion-button {
        padding: 0.5rem 6.5rem .5rem 0.75rem;
        position: relative;
        font-size: 12px;
        line-height: 20px;
    }

        .questionBlk .accordion-button::after {
            width: .75rem;
            height: .75rem;
            background-size: .75rem;
            position: absolute;
            right: .75rem;
            top: .65rem;
        }

    .questionBlk .qNumber {
        top: 20px;
        font-size: 12px;
    }

    .questionBlk .card-body {
        padding: .15rem .75rem .75rem;
    }

    .questionBlk .accordion-collapse {
        padding-bottom: .75rem;
    }

    .structTabDesktop {
        display: none;
    }

    .splitMain .grid {
        width: 100%;
        margin: 0 0 20px;
        min-height: 130px;
    }

    .mProfileCont {
        max-width: 100vw;
    }

    .mProDetailSub {
        flex-wrap: wrap;
    }

    .mProSub1 {
        align-items: flex-start;
        margin-bottom: 10px;
    }

        .mProMain1 .profileLabel,
        .mProSub1 label {
            font-size: 13px;
        }

    .mProfileRow p {
        color: #2c2c2c;
        font-size: 12px;
    }
}

@media screen and (min-width: 576px) {
    .graphShapeMob5 {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .structureGraph {
        padding-bottom: 0px;
    }

        .structureGraph .col-md-3 {
            width: 100%;
        }

    .graphShape {
        border-bottom: 24px solid #548235;
        border-left: 24px solid transparent;
    }

    .graphLine {
        min-height: inherit;
        margin-top: 28px;
        margin-bottom: 10px;
    }

        .graphLine::before {
            height: 100%;
        }

        .graphLine h5 {
            font-size: 16px;
            line-height: 20px;
            margin: 0 0 0;
        }

        .graphLine span {
            font-size: 15px;
            line-height: 20px;
        }

    .graphShapeMob {
        display: block;
    }

    .logoTitle h2 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0;
    }

    .logoTitle h5 {
        font-size: 12px;
    }

    a#scrollUp {
        height: 30px;
        width: 30px;
        font-size: 18px;
        padding: 3px 0;
    }

    .introContent .paragraph,
    .eligibilityMain .paragraph,
    .approMain .paragraph {
        line-height: 22px;
    }

    .loginMain .row {
        max-width: 100%;
        margin: 0 auto;
    }

    .mobileView {
        margin: 0 0 10px;
    }

    .backLink {
        position: static;
    }

    .questionBlk .accordion-item {
        margin-bottom: 10px;
    }

    .approMobText .card {
        padding: 10px 12px;
    }

    .structureGraph {
        margin-top: 6px;
    }

    .approMobText {
        overflow-y: scroll;
        height: 378px;
    }

    .pageContent {
        padding: 15px;
    }

    .splitMain {
        padding: 0 15px;
    }
}

@media screen and (max-width: 414px) {
    .mobile-menu .logo img {
        width: 44px;
    }

    .introMain {
        padding: 20px 5px 5px;
    }

    .visionText .visionTextContent {
        padding: 15px 5px 5px;
    }

    .sectionContent {
        padding: 15px 5px 5px;
    }

    .approMain {
        padding: 15px 5px;
    }

    .structureTable {
        padding: 10px 5px;
    }

    .sectionHead,
    .visionTextHead {
        padding: 3px 6px 5px;
    }

        .sectionHead h2,
        .visionTextHead h4 {
            font-size: 13px;
            letter-spacing: 1px;
        }

    .structureTable h4 {
        font-size: 14px;
    }

    .structureTable th {
        width: 114px;
        font-size: 12px;
    }

    .mobObserve .card {
        padding: 10px 12px;
        margin-bottom: 10px;
    }

    .cardHead span {
        font-size: 13px;
        line-height: 18px;
    }

    .cardHead h4 {
        font-size: 13px;
    }

    .cardStatus .statusTitle {
        font-size: 13px;
    }

    .cardStatus .statusValue {
        font-size: 12px;
    }

    .mobObserve .actionBtn {
        font-size: 11px;
        padding: .25rem .5rem;
        padding: .25rem .5rem;
    }

    .mobileView .dummySpace {
        height: 50px;
    }
}
/*-- Home page responsive End --*/
/*-- Responsive code end --*/
.mainmenu__wrapper .mainmenu__wrap .mainmenu__nav .mainmenu {
    height: auto;
}

.education-deg-icon-box {
    position: absolute;
    left: 39%;
    top: -54px;
    background: #fff;
    height: 110px;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .education-deg-icon-box svg {
        height: 70px;
        width: 70px;
    }

.main-cbse-logo {
    height: 60px;
}

.split-lightbg-1 {
    background: #fef7e8 !important;
}

    .split-lightbg-1 a h4 {
        color: #f7b32d !important;
    }

.split-lightbg-2 {
    background: #e6fbfd !important;
}

    .split-lightbg-2 a h4 {
        color: #0dd6ea !important;
    }

.mentor-icon {
    background: #fff;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    margin-left: 10px;
}

    .mentor-icon svg {
        height: 45px;
    }

.reviewer-icon {
    background: #fff;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 9px;
    margin-left: 10px;
}

    .reviewer-icon svg {
        height: 45px;
        fill: #0dd6eb;
    }

.grid-box {
    display: block;
    color: #fff;
    padding: 30px 30px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
    min-height: 186px;
}

    .grid-box:hover {
        background: #02a5be;
    }

        .grid-box:hover h4 {
            color: #fff;
        }

    .grid-box h4 {
        font-size: 16px;
        margin-top: 20px;
    }

.grid-box-colorbox-1 {
    background: #173f5f;
    color: #fff;
}

.grid-box-colorbox-2 {
    background: #20639b;
}

.grid-box-colorbox-3 {
    background: #3caea3;
}

.grid-box-colorbox-4 {
    background: #f6d55c;
}

.grid-box-colorbox-5 {
    background: #173f5f;
}

.grid-box-colorbox-6 {
    background: #ee6c4d;
}

.grid-box-colorbox-7 {
    background: #000;
}

.fixed-content {
    /* height: calc(100vh - 495px);*/
}
/*.fixed-footer {
    position: absolute;
    bottom: 0px;
    height: 200px;
    left: 0px;
    right: 0px;
}*/
.box-body {
    margin-bottom: 10px;
    box-shadow: 0px 1px 4px rgb(21 34 50 / 8%);
    background: #fefefe;
    filter: drop-shadow(0px 3px 9px rgba(0, 0, 0, 0.07));
    padding: 30px 33px;
    border-radius: 16px;
}

.upload-btn {
    width: 125px;
    background: #295ffe;
    color: #fff;
    border-radius: 35px;
    font-size: 14px;
    font-weight: 500;
}

#curriculamaccordion .accordion-button::after {
    background: unset;
    transition: transform .2s ease-in-out;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f107";
    font-size: 26px;
}

#curriculamaccordion .accordion-button:not(.collapsed)::after {
    background-image: unset;
    transform: rotate(-180deg);
}

#curriculamaccordion .accordion-item .accordion-button {
    border-radius: 0;
    background: #173f5f;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px;
}

#curriculamaccordion .accordion-item {
    border: unset;
    margin-bottom: 10px;
}

#curriculamaccordion .accordion-body {
    border: 1px solid #e3e3e3;
    padding: 35px 1.25rem;
}


#curriculaminner0neaccordion .accordion-button::after {
    background: unset;
    transition: transform .2s ease-in-out;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f107";
    font-size: 26px;
}

#curriculaminner0neaccordion .accordion-button:not(.collapsed)::after {
    background-image: unset;
    transform: rotate(-180deg);
}

#curriculaminner0neaccordion .accordion-item .accordion-button {
    border-radius: 0;
    background: #20639b;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px;
}

#curriculaminner0neaccordion .accordion-item {
    border: unset;
    margin-bottom: 10px;
}

#curriculaminner0neaccordion .accordion-body {
    border: 1px solid #e3e3e3;
    padding: 35px 1.25rem;
}

.min-hgt-210 {
    min-height: 210px;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.flex-header-footer-fix {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
}

.flex-header {
    width: 100%;
    z-index: 11;
    background: #fff;
    box-shadow: 0px 3px 16px rgb(0 0 0 / 44%);
}

.content-wrappers {
    padding-top: 15px;
    padding-bottom: 0px;
    flex: 1 1 auto;
    position: relative;
    margin-top: 0px;
}

.reviewer_img img {
    height: 150px;
    width: 150px;
    border-radius: 100%;
}

.reviewer_name {
    font-size: 28px;
    font-weight: 500;
}

.reviewer_degi {
    font-size: 16px;
    font-style: italic;
    color: #6362e7;
}

.reviewer_email {
    font-size: 14px;
    margin-right: 15px;
    border-right: 1px solid #000;
    padding-right: 15px;
}

.reviewer_no {
    font-size: 14px;
}

.approved_tag {
    color: #1e9d8d;
    background-color: rgb(211 241 237);
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 5px;
}
/* ----------Progress Bar Css-----------*/


.progresss-bar {
    margin: 0 0 10px;
    overflow: hidden;
    padding-right: 24px; /* Separate bars from container */
}

.progress-title-holder {
    padding-bottom: 7px;
    position: relative;
    margin: 5px 0;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: #2e2e2e;
}

.progress-title {
    z-index: 100;
}

.progress-number-wrapper {
    width: 100%;
    z-index: 10;
}

.progress-number-mark {
    margin-bottom: 4px;
    border-radius: 3px;
    background-color: rgb(0 0 0);
    padding: 3px 13px;
    position: absolute;
    bottom: 0;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.progress-number-wrapper,
.progress-number-mark {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    line-height: 24px;
    height: 30px;
    letter-spacing: 0px;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    color: #ffffff;
}

.down-arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #16171d;
    position: absolute;
    left: 50%;
    top: 100%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.progress-content-outter {
    height: 20px;
    background-color: #e5e5e5;
    border-radius: 90px;
}

.progress-content {
    height: 21px;
    background-color: rgb(0 33 71);
    border-radius: 42px;
    width: 0%; /* Initial value */
}
/* ----------Progress Bar Css-----------*/
#schnotreg {
    height: 700px;
}

#schCself {
    height: 700px;
}

.adminreport-sch-title {
    background: #2e496a;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 11px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    margin-bottom: 30px;
}

.p-lr-30 {
    padding: 0px 30px;
}

#stage-com-dom .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #000;
    background-color: unset;
    border-bottom: 5px solid #2e496a;
    border-radius: unset;
}

#stage-com-dom .nav-link {
    font-size: 18px;
    display: block;
    padding: 15px 20px;
    border-radius: unset;
    color: #000;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    background: #e3e3e3 !important;
    border-bottom: 5px solid #fff;
}

.fontsze-18 {
    font-size: 18px;
}

#mentorship_count {
    height: 300px;
}

.grid-box-colorbox-5 {
    background: #14344e;
}

.amcharts-amexport-item.amcharts-amexport-item-level-0 {
    opacity: 1 !important;
}

#innertab .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #00a2c2 !important;
    border-bottom: unset !important;
}

#innertab .nav-link {
    font-size: 15px !important;
    display: block !important;
    padding: 10px 20px !important;
    margin-right: 15px;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    background: #fff !important;
    border-bottom: unset;
}

#stage_completion_statics {
    height: 500px;
}

#maturity_level_sch {
    height: 700px;
}

#maturity_level_sch_bargraph {
    height: 400px;
}

#maturity_level_sch_bargraphschcnt {
    height: 400px;
}

#improvement_sch {
    height: 400px;
}

#selfimprovment_implementation {
    height: 500px;
}

#schnotreg {
    height: 700px;
}

.adminreport-leftside-menu {
    width: 16%;
    background: #2e496a;
    padding: 20px 5px;
    overflow: auto;
    display: inline-flex;
    z-index: 0;
    height: calc(100vh - 117px);
    flex-wrap: nowrap;
}

.adminreport-rightside-content {
    width: 80%;
    margin-left: 20px;
}

.adminreportparenttabs .nav-link {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
}

    .adminreportparenttabs .nav-link.active {
        background-color: #00acbf;
        border-radius: unset;
    }