body {

    margin: 0;

    padding: 0;

    overflow-x: hidden;

}


body {
    /* background: url(https://<?php echo base_url()?>/Student-Assets-New/images/bkground-pic.png) no-repeat center; */
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/bkground-pic-new.png) no-repeat center;
    background-size: cover;
    min-height: 100vh;
    position: relative;
}

.background-white.background-white {
    padding-top: 0;
}

.our_events {
    background: white;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}



html {

    scroll-behavior: smooth;

    overflow-x: hidden;

}



.container,

.container-lg,

.container-md,

.container-sm,

.container-xl {

    max-width: 1650px;

}



ul,

li,

p,

h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

th,

td,

span,

button,

label,

input {

    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    transition: .4s all !important;
    text-decoration: none !important;

}







/*LOGIN*/

.main {

    position: relative;

    width: 100%;

    height: auto;

    padding-bottom: 100px;

    /* background-image: linear-gradient(to right top, #3631AB 24.93%, #E91B27 80.59%); */

    background: url(../images/bkground-pic.png);
    background-size: cover;

}



img.top_red_bg {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    max-width: 1300px;

}



img.bottom_blue_bg {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    max-width: 1000px;

}



.call-mail {

    position: relative;

    z-index: 9;

    height: 100px;

}



.call-mail ul {

    float: right;

    margin-top: 34px;

}



.call-mail li {

    display: flex;
    float: left;
    font-weight: 300;
}



.call-mail li p {

    font-size: 20px;

    color: #fff;

}



.call-mail li img {

    width: 40px;
    border-radius: 100%;
    padding: 8px;
    border: 1px solid #b86882;
    margin-right: 7px;

}



.call-mail li:nth-child(2) {
    font-size: 25px;
    font-weight: 100;
    color: #EEA8B8;
    margin: -4px 8px 0;
    opacity: 0;
}



.call-mail li p span,

.call-mail li p span a {

    color: #fff;

    font-weight: 500;

}



.login {

    background: #FFFFFF;
    width: 100%;
    position: relative;
    z-index: 9;
    padding: 15px 135px 60px;
    margin-bottom: 200px;

}



.login:before {

    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 100%;
    max-width: 780px;
    height: 719px;

    /* background: url(../images/blue_bg.png); */

    background: url(../images/girl-pic-login.png) 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}



/* .login:after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 100%;

    max-width: 580px;

    height: 220px;

    background: url(../images/small_bg.png);

    background-repeat: no-repeat;

    background-size: cover;

} */



img.login-logo {

    width: 100%;

    max-width: 345px;

    position: absolute;

    right: 158px;

    bottom: 110px;

}



.login-form {

    width: 100%;

    max-width: 575px;

    display: inline-block;

    position: relative;

    z-index: 9;

}



.login-form img {

    width: 100%;

    max-width: max-content;

}



.login-form form label,

.login-form form input {

    display: block;

}



.login-form form input {

    width: 100%;

    height: 70px;

    background: #FFFFFF;

    border: 1px solid #807373;
    margin-top: 35px;
    box-sizing: border-box;

    border-radius: 16px;

    padding: 0 30px;

    font-size: 18px;

    color: #4D4D4D;

}



.login-form form input:focus {

    outline: none;

}



.login-form form label {

    font-size: 24px;

    line-height: 50px;

    color: #000;

    margin-top: 12px;
    width: auto;


}



.login-form form input[type="submit"] {

    box-shadow: 0px 10px 8px -8px #BBBDDF;

    border-radius: 16px;

    width: auto !important;

    font-weight: bold;

    font-size: 24px;

    text-transform: capitalize;

    float: right;

    margin-top: 40px;

    color: #FFFFFF;

    /* background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%) !important; */
    background-color: #F31C28;

    border: 1px solid transparent;

    padding: 0 60px !important;

}



.login-form form input[type="submit"]:hover {

    border: 1px solid #231A97;

    color: #231A97;

    background: #fff !important;

}



.login-bottom {

    position: relative;
    z-index: 9;
    margin-top: 60px;
    padding: 0 8%;
}



.bottom-box {

    background: #FFFFFF;
    border: 1px solid #807373;

    border-radius: 16px;

    width: 100%;

    height: 410px;

    padding: 35px 30px 0;

    margin-bottom: 30px;

    position: relative;
    overflow: hidden;

}



.bottom-box h4 {

    font-weight: 500;

    font-size: 24px;

    line-height: 33px;

    margin-bottom: 34px;

    color: #000;
    position: relative;
    z-index: 99;

}



.bottom-box p {

    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #414141;
    z-index: 99;
    position: relative;

}



.bottom-box:before {

    position: absolute;

    content: '';

    right: 35px;

    bottom: 0px;

    width: 100%;

    max-width: 87px;

    height: 39px;

    background: url(../images/red_box_line.png);

    background-repeat: no-repeat;

    background-size: cover;

}



.head-top {

    /* background: linear-gradient(88.53deg, #2E3190 7.7%, #FF000F 129.21%); */

    display: flex;

}



.logo {

    float: left;

    line-height: 100px;

}



.login-section {

    float: right;

    margin-top: 27px;

}



.logo img {

    width: 100%;

    max-width: 194px;

}



.login-section ul {

    display: flex;

    flex-direction: row;

    justify-content: space-around;

}



.login-section li a {

    display: flex;

    margin-left: 50px;

}



.login-section li {

    list-style: none;

}



.login-section li:hover {

    opacity: .6;

}



.login-section li figure {

    height: 45px;

    width: 45px;

    border: 1px solid #b86882;

    border-radius: 50%;

    text-align: center;

    line-height: 45px;

    margin: 0;

    margin-right: 12px;

    position: relative;

}



.login-section li figure img {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
}



.login-section li:first-child figure img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}



.login-section li:first-child figure {
    width: 45px;
    height: 45px;
}



.login-section li p {

    font-weight: 500;

    font-size: 18px;

    line-height: 30px;

    text-transform: capitalize;

    color: #FFFFFF;

    margin-top: 8px;

}



.welcome p {

    margin-top: 0 !important;

}



.login-section li h6 {

    color: #f7b4c3b0;

}



.welcome {

    margin-top: -2px;

}



.header-bottom ul {

    line-height: 120px;

}



.header-bottom li {

    background: linear-gradient(90deg, #ff313d61 8.1%, #1a1d7e59 104.33%);

    border-radius: 8px;

    display: inline-block;

    color: #fff;

    height: 56px;

    line-height: 56px;

    margin-right: 30px;

    font-weight: 500;

    font-size: 20px;

    padding: 0 35px 0 60px;

    position: relative;

}



.header-bottom li:before {

    position: absolute;

    content: '';

    left: 42px;

    top: 0;

    bottom: 0;

    margin: auto;

    height: 10px;

    width: 10px;

    border: 2px solid #fff;

    border-radius: 50%;

}



header.main-head {

    display: flow-root;

    border-bottom: 1px solid #ffffff29;

    height: 100px;

}



.header-bottom {

    height: 120px;

}


/* 
section.today {
    margin-top: 80px;
} */



table.stu-table {

    border-collapse: collapse;

    width: 100%;

}



table.stu-table td,

table.stu-table th {

    /* border: 1px dashed #D3D9E2; */
    text-align: left;
    padding: 0 30px;
    color: #2D2E5B;
    font-size: 18px;

}



table.stu-table tr {

    height: 62px;

}



table.stu-table {

    border-collapse: collapse;

    width: 100%;

}



table.stu-table th {
    background: #fff;
    color: #000;
    border: 0;
}



table.stu-table tr td:nth-child(2) {

    color: #4A4DB7;

}



table.stu-table tr td:nth-child(3),

table.stu-table.stu-table-doc tr td:nth-child(2) {

    color: #F54D57;

    text-align: center;

}



table.stu-table tr th:nth-child(4) {

    text-align: center;

}



table.stu-table tr:nth-child(2) td {

    border-top: 0;

}



table.stu-table tr:last-child td {

    border-bottom: 0;

}



table.stu-table tr td a {

    border: 1px solid #2b153a;

    box-shadow: 0px 10px 8px -8px #BBBDDF;

    border-radius: 12px;

    /* width: 150px; */

    height: 44px;

    font-size: 15px;

    font-weight: 600;

    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    line-height: 45px;

    color: #2A2345;

}



table.stu-table tr td a:hover {

    background: #412256;

    color: #fff;

    border: 0;

}



table.stu-table tr:nth-child(2) td a,

table.stu-table tr:nth-child(5) td a {

    /* background: #412256;

    color: #fff; */

}



table.stu-table tr:nth-child(2) td a:hover,

table.stu-table tr:nth-child(5) td a:hover {

    background: #412256;

    color: #fff;

    border: 0;


}



.stu-table.fedbk-list {

    width: 80%;

    float: none;

    margin: 0px auto 20px;
}



.fedbk-tabl-covr {

    overflow: auto;

    height: 300px;
}



.fedbk-tabl-covr .fedbk-list th {

    position: sticky;

    top: 0;

    z-index: 1;

}





.main-table h3,

.official.pro-progress h3,

.lib-bottom h4,

.comm-head h4 {

    font-weight: 600;

    font-size: 25px;

    text-transform: capitalize;

    color: #2B387C;

    padding: 0 30px;

    height: 72px;

    line-height: 72px;

}



/* .main-table {
    box-shadow: 0px 7px 47px #E1E7FF;
    border-radius: 20px;
    overflow: hidden;
} */



table.stu-table tr:nth-child(even) {

    background-color: #F9FAFE;

}



.official {

    padding: 80px 0;

}



.official li {

    width: 319px;

    height: 215px;

    border-radius: 20px;

    margin-bottom: 26px;

    list-style: none;

    position: relative;
    margin-left: 12px;
    margin-right: 12px;

}



.official ul {

    display: flex;

    justify-content: start;

    text-align: center;

    flex-wrap: wrap;

}



.official li:nth-child(1) {

    background: linear-gradient(65.28deg, #ffaebe59 16.26%, #ff6db359 95.48%);

}



.official li:nth-child(2) {

    background: linear-gradient(217.77deg, #fd8d4b69 10.91%, #fdeac185 86.74%);

}



.official li:nth-child(3) {

    background: linear-gradient(217.77deg, #6e70f159 10.91%, #c0cbff7a 86.74%);

}



.official li:nth-child(4) {

    background: linear-gradient(217.77deg, #2dcb8959 10.91%, #b3fad859 86.74%);

}



.official li:nth-child(5) {

    background: linear-gradient(217.77deg, #2493f34f 10.91%, #b3e2fe59 86.74%);

}



.official li:nth-child(6) {

    background: linear-gradient(217.77deg, #ff51b545 10.91%, #dc78ff3b 86.74%);

}



.official li:nth-child(7) {

    background: linear-gradient(217.77deg, #32b0cc59 10.91%, #85e5fa52 86.74%);

}



.official li:nth-child(8) {

    background: linear-gradient(217.77deg, #fd4b4b59 10.91%, #fdc1c159 86.74%);

}



.official li:hover {

    opacity: .7;

}



.official li figure {

    width: 90px;

    height: 90px;

    line-height: 90px;

    border-radius: 100%;

    margin: 0 auto 25px;

}



.official li figure img {

    width: 46px;

}



.official li a {

    display: block;

    width: 100%;

    height: 100%;

    padding-top: 35px;

}



.official li span {
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
    color: #0A0909;
    position: relative;
    display: block;
}


.official li span:after {
    position: absolute;
    content: '';
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/bxtil-line.png) no-repeat;
    background-size: contain;
    width: 136px;
    height: 2px;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.official li figure {
    width: 71px;
    height: 73px;
    border-radius: 8px;
    background: linear-gradient(141.2deg, #542E7C 27.72%, #FF304D 178.14%);
    line-height: 73px;
    margin: 0 32px 42px;
}



/* .official li:nth-child(1) figure {

    background: linear-gradient(65.28deg, #FA6E89 16.26%, #DD438D 95.48%);

}



.official li:nth-child(2) figure {

    background: linear-gradient(217.77deg, #E46D27 10.91%, #F9C653 86.74%);

}



.official li:nth-child(3) figure {

    background: linear-gradient(217.77deg, #36379B 10.91%, #7A91FF 86.74%);

}



.official li:nth-child(4) figure {

    background: linear-gradient(217.77deg, #2C9D6E 10.91%, #6AFFB7 86.74%);

}



.official li:nth-child(5) figure {

    background: linear-gradient(217.77deg, #197FD9 10.91%, #4BBCFF 86.74%);

}



.official li:nth-child(6) figure {

    background: linear-gradient(217.77deg, #DA3694 10.91%, #EE47FD 86.74%);

}



.official li:nth-child(7) figure {

    background: linear-gradient(217.77deg, #32B0CC 10.91%, #238EA6 10.92%, #40DDFF 86.74%);

}



.official li:nth-child(8) figure {

    background: linear-gradient(217.77deg, #9D1F1F 10.91%, #FF5F5F 86.74%);

} */



.event {

    background: #FFFFFF;

    box-shadow: 0px 7px 47px #E1E7FF;

    border-radius: 20px;

    padding: 0 25px 25px;

}



.event-title h3 {

    float: left;

    padding: 0;

    font-weight: 600;

    font-size: 28px;

    text-transform: capitalize;

    color: #2B387C;

    line-height: 86px;

}



.event-title {

    display: flow-root;

    height: 86px;

    line-height: 86px;

}



.event-title ul {

    float: right;

}



.event-title ul li {

    display: inline-block;

}



.event-title ul li a {

    height: 50px;

    line-height: 50px;

    display: block;

    padding: 0 29px;

    border-radius: 100px;

    font-weight: 600;

    font-size: 17px;

    text-transform: capitalize;

    color: #2A2345;

}



.event-title ul li.active a {

    border: 1px solid #c81f44;

}



.event-title ul li.active a:hover {

    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);

    color: #fff;

}



.event-single {

    background: #F1F2FF;

    border-radius: 12px;

    padding: 22px;

}



.event-img img {

    width: 100%;

    height: 144px;

    border-radius: 8px;

}



.event-img {

    position: relative;

    margin-bottom: 18px;

}



.date {

    height: 64px;

    width: 64px;

    border-radius: 100%;

    background: #FFB803;

    border: 4px solid #FFFFFF;

    position: absolute;

    right: 5px;

    bottom: -32px;

}



.date p {

    font-weight: 600;

    font-size: 27px !important;

    text-align: center;

    color: #FFFFFF !important;

    line-height: 18px !important;

    margin-top: 10px;

}



.date p span {

    display: block;

    font-weight: 400;

    font-size: 15px;

    color: #fff !important;

    text-transform: uppercase;

}



.event-single h5 {

    font-weight: 600;

    font-size: 20px;

    line-height: 24px;

    color: #181949;

}



.event-single h6 {

    font-size: 18px;

    line-height: 24px;

    color: #3B40C8;

    padding-left: 15px;

    margin: 8px 0;

    position: relative;

}



.event-single h6:before {

    position: absolute;

    content: '';

    top: 5px;

    left: 0;

    width: 9px;

    height: 10px;

    background: url(../images/loc.png);

    background-size: cover;

}



.event-single p {

    font-size: 18px;

    line-height: 24px;

    color: #666692;

}



/* footer.main-foot {
    width: 100%;
    height: 112px;
    background: #292B68;
    color: #fff;
    text-align: center;
    line-height: 112px;
    margin-top: 100px;
} */



/* footer.main-foot p {

    font-size: 18px;

} */



footer.main-foot p a:hover {

    text-decoration: underline !important;

}



footer.main-foot p a {

    color: #d71d36;

}



.today-right {
    width: 100%;
    height: auto;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    /* padding: 40px 25px; */
    display: inline-block;
}

.right-bxcovr {
    border: 1px solid #807373;
    border-radius: 0px 16px 16px 16px;
    padding: 15px;
    margin-top: 25px;
}


.today-right .right-bxcovr h4 {
    background: #412256;
    border-radius: 16px;
    display: inline-block;
}



.todo h4,

.medi-right h4 {

    background: #412256;
    border-radius: 16px;
    font-weight: 600;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 0 30px;
    margin-bottom: 25px;
}



.todo li h6 {

    font-size: 18px;

    line-height: 27px;

    text-transform: capitalize;

    color: #393CAB;

}



.todo li p {

    font-size: 16px;

    line-height: 30px;

    color: #8486B9;

}



.todo li p span {

    color: #44a4e9;

}



.todo li {

    border-bottom: 1px dashed #6F9ADF;

    margin-bottom: 14px;

    padding-bottom: 14px;

    list-style: none;

    padding-left: 50px;

    position: relative;

}



.todo li:last-child {

    border: 0;

}



.todo li:before,

.top:before {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 25px;

    height: 25px;

    background: url(../images/tick.png);

    background-size: cover;

}



.todo.todo-1 h6 {

    width: 100%;

    max-width: 325px;

    margin-bottom: 5px;

}



.date-view span,

.date-view a {

    font-size: 17px;

    line-height: 27px;

    text-transform: capitalize;

    color: #98A9C2;

    margin-right: 35px;

}



.date-view a:hover {

    text-decoration: none !important;

}



.date-view a {

    color: #d71d36;

    text-decoration: underline !important;

}



.todo-1-inner li {

    border: 0;

}



.todo-1-inner {

    background: #fff;

    padding: 25px 20px;

    border-radius: 16px;

    margin-bottom: 45px;

}



.todo-1-inner li {

    border: 0;

    background: #EDF0FE;

    border-radius: 16px;

    padding: 15px 60px 15px;

    margin-right: 18px;

}



.todo-1-inner li:before {

    top: 14px;

    left: 18px;

}



.todo-1-inner li:last-child {

    margin-bottom: 0;

}



.todo-2 .todo-1-inner {

    margin-bottom: 0;

}



.todo-2 .todo-1-inner li {

    margin-right: 0;

}



.scrollbar {

    height: 385px;

    width: 100%;

    overflow-y: scroll;

}



.force-overflow {

    min-height: auto;

}



#style-3::-webkit-scrollbar-track {

    background-color: #DDDFF9;

    border-radius: 10px;

}



#style-3::-webkit-scrollbar {

    width: 10px;

    border-radius: 10px;

    background-color: #DDDFF9;

}



#style-3::-webkit-scrollbar-thumb {

    background-color: #3A4E79;

    border-radius: 10px;

}



.header-bottom-other {

    height: 150px;

    padding-top: 30px;

}



.head-title {

    text-align: center;

}



.head-title h1 {

    font-weight: 600;

    font-size: 50px;

    line-height: 45px;

    text-transform: capitalize;

    color: #FFFFFF;

}



.header-bottom-other li {

    display: inline-block;

    font-size: 20px;

    line-height: 45px;

    text-transform: capitalize;

    color: #fff;

}



.header-bottom-other li a {

    color: #A18BAB;

}



.header-bottom-other li a:hover {

    color: #fff;

}



.header-bottom-other li:nth-child(2) {

    margin: 0 20px;

}



.back {

    width: 100%;

    /* height: 135px; */
    height: auto;

    background: #F1F2FF;

}



.back-main {

    float: right;

    display: flex;

    margin-top: 32px;

}



.back-main a,

.today-left-inner a {
    height: 70px;
    display: block;
    border-radius: 12px;
    text-align: center;
    line-height: 70px;
    font-size: 18px;

}


.back-main a:first-child {

    width: auto !important;
    font-weight: bold;
    border: 1px solid #b6113c;
    text-transform: uppercase;
    color: #162184;
    padding: 6px 20px;
    line-height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

}



.today-left-inner a {

    width: 238px;

    font-weight: bold;

    border: 1px solid #b6113c;

    text-transform: uppercase;

    color: #162184;

}



.back-main a:first-child img,

.today-left-inner a img {

    width: 27px;

}



.back-main a:last-child img {
    width: 37px;
}





.back-main a:last-child {

    /* width: 435px; */
    background-color: #412256;
    color: #FFFFFF;
    margin-left: 30px;
    letter-spacing: 0.1em;
    padding: 6px 14px;
    line-height: 31px;
    text-transform: uppercase;

    display: flex;
    align-items: center;
    justify-content: center;

}



.back-main a:first-child:hover,

.today-left-inner a:hover {

    background-color: #982a48;
    color: #fff;
    border: 0;
}



.back-main a:last-child:hover,

.search-right a:hover {

    background-color: #982a48;

}

.today-left.today-left .three-btn a {
    width: 100%;
}

.today-left .three-btn a.active {
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
    color: #fff;
}



.today-left-inner h2 {

    font-weight: 600;

    font-size: 46px;

    line-height: 45px;

    text-transform: capitalize;

    color: #112655;

    margin-bottom: 30px;

}



.today-left-inner p {
    width: 100%;
    max-width: 1000px;
    font-size: 18px;
    line-height: 30px;
    text-transform: capitalize;
    color: #2F4E75;
    margin-bottom: 40px;
}

.preview-justify p {
    max-width: inherit;
}

.preview-justify {
    width: 100%;
    max-width: 1000px;
}

.docs li {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 11px 38px -10px #CFD1F1;
    border-radius: 16px;
    margin-bottom: 30px;
    display: block;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    position: relative;
    overflow: hidden;
}

.docs li:last-child {
    margin-bottom: 0;
}

.docs li img {
    width: 30px;
    position: absolute;
    left: 25px;
    top: 20px;
}

.today-right.medi-right {
    height: 600px;
}

.docs {
    margin-top: 70px;
}

.docs li a {
    display: block;
    color: #393CAB;
}

.docs.leav-dic li {
    text-align: left;
    padding-left: 70px;
}

.main-search {
    padding-top: 80px;
}



.search-inner {
    width: 100%;
    background: #fff;
    border-radius: 30px;
    padding: 40px;
    display: flex;
}

.search-left {
    width: 70%;
    float: left;
    position: relative;
}

.search-right {
    width: 30%;
    float: right;
}



.search-left input,
search-left. {

    width: 100%;

    height: 68px;

    background: #FFFFFF;
    border: 1px solid #807373;

    border-radius: 16px;

    font-size: 18px;

    padding: 0 25px;

}



.search-left input:focus {

    outline: none;

}



.search-left input::placeholder {

    color: #A6B3C2;

}



.search-left figure {

    width: 46px;

    height: 46px;

    margin: 0;

    background: linear-gradient(223.49deg, #FFF500 0%, #F4B102 82.67%);

    border-radius: 100%;

    text-align: center;

    line-height: 46px;

    position: absolute;

    right: 14px;

    top: 50%;

    margin-top: -23px;

    pointer-events: none;

}



.search-left figure img {

    width: 18px;

}



.search-right a {

    width: 390px;

    height: 68px;

    background: linear-gradient(84.52deg, #131ABC -16.62%, #181B66 111.91%);

    border-radius: 100px;

    display: block;

    font-weight: 600;

    font-size: 18px;

    line-height: 68px;

    letter-spacing: 0.1em;

    text-transform: uppercase;

    color: #FFFFFF;

    text-align: center;

    float: right;

}



.search-right a img {

    width: 37px;

}



.docu-table table.stu-table td,

.docu-table table.stu-table th {

    border: 0;

}



.docu-table table.stu-table {

    border-top: 1px dashed #D3D9E2;

}



.docu-table table.stu-table tr {

    height: 75px;

}



.docu-table table.stu-table tbody tr:nth-child(even) {

    background-color: #F1F2FF;

}

.docu-table table.stu-table tbody tr:nth-child(odd) {

    background-color: #FFFFFF;

}

.docu-table table.stu-table tbody tr td:first-child {
    width: 50px;
}

.docu-table table.stu-table tbody tr td:last-child,
.docu-table table.stu-table tbody tr td:nth-child(3),
.docu-table table.stu-table thead tr th:nth-child(3) {
    width: 125px;
    text-align: center;
}





.docu-table table.stu-table tr td:first-child {

    width: 60%;

    position: relative;

    padding-left: 70px;

    font-weight: 500;

    font-size: 20px;

    text-transform: capitalize;

    color: #2D2E5B;

}



.docu-table table.stu-table tr td:first-child::before {

    position: absolute;

    content: '';

    top: 24px;

    /*left: 30px;*/

    /* background: url(../images/book.png);*/

    width: 25px;

    height: 25px;

    background-size: cover;

}



.accor {

    width: 100%;

    background: #FFFFFF;

    box-shadow: 0px 11px 38px -10px #CFD1F1;

    border-radius: 16px;

    margin-bottom: 20px;

    padding: 0 25px 0;

}



.top {

    background: #fff;

    width: 100%;

    height: 70px;

    border-radius: 16px;

    cursor: pointer;

    position: relative;

}



.top h5 {

    float: left;

    margin: 0;

    margin-left: 10px;

    font-size: 18px;

    text-transform: capitalize;

    color: #393CAB;

    line-height: 70px;

    padding-left: 30px;

    font-weight: 400;

    font-family: 'Poppins', sans-serif;

}



.bottom p {

    font-size: 18px;

    line-height: 27px;

    color: #7987AB;

}



.btn1 {

    border: none;

    outline: none;

    background: #fff;

    position: absolute;

    right: 0;

    top: 22px;

}



button.btn1 img {

    width: 11px;

}



.bottom {

    border-top: 1px dashed #B7CBEB;

    padding: 15px 0;

    display: none;

}





.active-rotate {

    transform: rotate(180deg);

}



.top:before {

    top: 50%;

    margin-top: -12px;

}



img.faq-img {

    float: right;

    position: relative;

    top: 40px;

    right: -81px;

    width: 100%;

    max-width: 250px;

}



.upload-doc li a {

    text-align: center;

}



.upload-doc li img {

    width: 27px;

    height: inherit;

}



table.stu-table.stu-table-doc tr th:nth-child(2),

table.stu-table.stu-table-doc tr th:nth-child(3),

table.stu-table.stu-table-doc tr th:nth-child(4),

table.stu-table.stu-table-doc tr td:nth-child(2),

table.stu-table.stu-table-doc tr td:nth-child(3),

table.stu-table.stu-table-doc tr td:nth-child(4) {

    text-align: center;

}



table.stu-table.stu-table-doc tr td:nth-child(3) {

    color: #2D2E5B;

    font-weight: 500;

}



table.stu-table.stu-table-doc tr td:nth-child(4) {

    color: #EA1616;

    font-size: 20px;

}



table.stu-table.stu-table-doc a {

    height: 46px;

    width: 46px;

    margin: 0 auto;

    background: inherit !important;

    line-height: 42px;

    border: 2px solid #DBD9F1;

}



table.stu-table.stu-table-doc a img {

    width: 25px;

}



table.stu-table.stu-table-doc a:hover {

    opacity: .7;

}



.profile {

    width: 100%;
    height: auto;
    /* height: 245px; */

    /* background: #F1F2FF; */
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.18);

}





.avatar-upload {

    position: relative;

    display: inline-block;

    margin-top: -70px;

}



.avatar-edit {

    position: absolute;

    right: 0;

    left: 0;

    bottom: -36px;

    margin: auto;

    text-align: center;

    z-index: 1;

}



.avatar-edit input {

    display: none;

}



.avatar-edit label {

    display: inline-block;

    width: 74px;

    height: 74px;

    margin-bottom: 0;

    border-radius: 100%;

    border: 5px solid #fff;

    cursor: pointer;

    font-weight: normal;

    background: linear-gradient(83.66deg, #FF9A00 0%, #FEB546 104.7%);

}



/* .avatar-edit label:hover {

    background: #ef9a1a;

} */



.avatar-edit:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background: url(../images/pfl-upload.png);

    width: 32px;

    height: 32px;

    background-size: cover;

    pointer-events: none;

}



.avatar-edit label:hover.avatar-edit:after {

    top: 0;

}



.avatar-preview {

    width: 260px;
    height: 250px;
    position: relative;
    border-radius: 20px;
    background: #fff;
    border: 6px solid #fff;
    overflow: hidden;

    margin-left: 20px;



}



#imagePreview {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.today-pro {

    clear: both;

}



.pro-img {

    float: left;

    margin-right: 50px;

}



.pro-detail h2 {

    font-weight: 600;

    font-size: 42px;

    line-height: 45px;

    text-transform: capitalize;

    /* color: #2B387C; */
    color: #fff;

    margin-bottom: 6px;


}



.pro-detail ul li {

    display: inline-block;

    font-weight: 500;

    font-size: 18px;

    line-height: 45px;

    text-transform: capitalize;

    margin-right: 40px;

    padding-right: 40px;

    position: relative;

}



.pro-detail ul li,

.pro-detail ul li a {
    color: #dee2f5;
    /* color: #293990; */

}



.pro-detail ul li img {

    margin-right: 10px;
    width: 28px;
    filter: brightness(0) invert(1);
}



.pro-detail ul {

    margin-bottom: 10px;

}



.pro-detail ul li:before {

    position: absolute;

    content: '';

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 1px;

    height: 15px;

    background: #BBBEDD;

}



.pro-detail ul li:last-child:before {

    display: none;

}



.pro-detail {

    /* padding-top: 45px; */

    padding: 45px 20px 0px;
    position: relative;

}



table.stu-table.pro-table th span {

    font-size: 16px;

    text-transform: capitalize;

    color: #2ACCFF;

    font-weight: 400;

}



table.stu-table.pro-table tr td {

    color: #212352;

    font-weight: 400;

}



table.stu-table.pro-table tr td:nth-child(2) {

    text-align: center;

}



table.stu-table.pro-table tr td:nth-child(4) span {

    background: linear-gradient(83.66deg, #FF9A00 0%, #FEB546 104.7%);

    border-radius: 100px;

    width: 100px;

    height: 40px;

}



table.stu-table.pro-table tr td:nth-child(4) span {

    background: linear-gradient(83.66deg, #FF9A00 0%, #FEB546 104.7%);

    border-radius: 100px;

    width: 100px;

    height: 40px;

    display: block;

    text-align: center;

    line-height: 40px;

    color: #fff;

    font-weight: 500;

    margin: 0 auto;

}



table.stu-table.pro-table tr td:last-child img {

    width: 85px;

}



.pro-main-tbl h3 {

    float: left;

}



a.dtl {

    float: right;
    /* width: 165px; */
    display: inline-block;
    height: 50px;
    padding: 0px 15px;
    background-color: #412256;
    color: #FFFFFF;
    border-radius: 6px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    margin: 12px 30px 0 0;

    border: 1px solid transparent;

}



a.dtl:hover {

    background: #fff;

    color: #c41f47;

    border: 1px solid #c41f47;

}



.pro-table tr:nth-child(odd) {

    background: #F9FAFE;

}



.pro-table tr:nth-child(even) {

    background: #fff !important;

}



ul.sub li {

    width: 100%;

    height: 70px;

    background: #FFFFFF;

    border-radius: 16px;

    border-bottom: 0;

    line-height: 70px;

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 400;

    padding: 0;

    margin-bottom: 18px;

}



ul.sub li:hover {

    background: #8a9beb2e;

}



ul.sub li a {

    color: #393CAB;

    display: block;

    width: 100%;

    padding-left: 70px;

}



ul.sub li:before {

    top: 0;

    bottom: 0;

    margin: auto;

    left: 30px;

    pointer-events: none;

}



ul.sub li:after {

    position: absolute;

    content: '';

    right: 20px;

    top: 0;

    bottom: 0;

    margin: auto;

    background: url(../images/arw.png);

    width: 11px;

    height: 11px;

    background-size: cover;

    transform: rotate(-90deg);

}



.official.pro-progress ul {

    overflow: hidden;

    margin: 0 -2%;

}



.official.pro-progress li {

    width: 29%;

    height: 300px;

    float: left;

    margin: 0 2%;

}



.official.pro-progress li:nth-child(1) {

    background: linear-gradient(217.77deg, #2493f34f 10.91%, #b3e2fe59 86.74%);

}



.official.pro-progress li:nth-child(2) {

    background: linear-gradient(217.77deg, #2dcb8959 10.91%, #b3fad859 86.74%);

}



.official.pro-progress li:nth-child(3) {

    background: linear-gradient(217.77deg, #fd4b4b59 10.91%, #fdc1c159 86.74%);

}



.official.pro-progress h3 {

    padding: 0;

}



.official.pro-progress {

    padding: 60px 0;

}



.lib {

    width: 100%;

    background: #FFFFFF;

    box-shadow: 0px 5px 23px 7px #E7F3FF;

    border-radius: 12px;

    overflow: hidden;

}



.lib-top {

    width: 100%;

    height: 242px;

    background: linear-gradient(180deg, #282FE8 0%, #320BD0 100%);

}



.lib-top img {

    width: 100%;

    max-width: 436px;

    margin: 0 auto;

    display: block;

}



.lib-bottom {

    padding: 40px 25px 25px;

}



.lib-bottom h4,

.comm-head h4 {

    padding: 0;

    display: inline-block;

}



.lib-bottom li {

    width: 100%;

    height: 90px;

    background: #EDF0FE;

    border-radius: 20px;

    line-height: 90px;

    padding: 0 25px;

    font-weight: 500;

    font-size: 18px;

    margin-bottom: 15px;

    text-transform: capitalize;

    color: #212352;

    display: block;

    position: relative;

}



.lib-bottom li:last-child {

    margin-bottom: 0;

}



.lib-bottom li a {

    background: #5B69A7;

    border-radius: 100px;

    color: #fff;

    font-size: 18px;

    font-weight: 400;

    height: 44px;

    line-height: 44px;

    display: inline-block;

    padding: 0 30px;

    position: absolute;

    right: 25px;

    top: 0;

    bottom: 0;

    margin: auto;

}



.lib-bottom li a:hover {

    background: #1731a5;

}



.comm {

    width: 100%;

    background: #EDF0FE;

    border-radius: 12px;

    padding: 36px 25px 25px;

}



.comm-head {

    position: relative;

}



.comm-head a {

    font-size: 15px;

    font-weight: 500;

    text-transform: capitalize;

    width: 128px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    color: #2A2345;

    border: 1px solid #d51d39;

    display: inline-block;

    border-radius: 100px;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

}



.comm-head a:hover {

    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);

    color: #fff;

}



ul.tabs li span {

    padding: 0 20px;

    color: #fff;

    font-size: 16px;

    text-transform: capitalize;

    color: #23489B;

    font-weight: 500;

    height: 52px;

    line-height: 52px;

    text-align: center;

    display: block;

    border-radius: 100px;

    cursor: pointer;

}



ul.tabs li span:hover {

    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);

    color: #fff;

}



ul.tabs li {

    display: inline-block;

}



ul.tabs li span.active {

    box-shadow: 0px 10px 8px -8px #BBBDDF;

    background: linear-gradient(264.22deg, #3F2DBC 5.69%, #E91B27 100.31%);

    color: #fff;

}



ul.tabs {

    margin-bottom: 35px;

}



.tab li {

    background: #FFFFFF;

    border-radius: 16px;

    width: 100%;

    height: 100px;

    padding: 20px;

    display: block;

    margin-bottom: 30px;

}



.tab li:last-child {

    margin-bottom: 0;

}



.tab li figure {

    background: #EDF0FE;

    border-radius: 12px;

    height: 60px;

    width: 60px;

    text-align: center;

    line-height: 60px;

    margin: 0;

    float: left;

    margin-right: 15px;

}



.tab li figure img {

    width: 22px;

}



.tab li p {

    font-size: 17px;

    line-height: 24px;

    color: #0E233E;

}



.lib,

.comm {

    height: 690px;

}



.note li:before {

    display: none;

}



.note {

    background: #FFFFFF;

    border-radius: 16px;

    padding: 17px;

}



.note li {

    background: #EDF0FE;

    border-radius: 16px;

    padding: 17px;

    width: 100%;

    height: 155px;

    margin-bottom: 17px;

    border-bottom: 0;

}



.note li:last-child {

    margin-bottom: 0;

}



.note-left {

    float: left;

    width: 80px;

    height: 80px;

    margin-right: 30px;

    position: relative;

}



.note-left img {

    width: 100%;

    height: 100%;

    border-radius: 16px;

}



.note li .date {

    right: -20px;

}



ul.sub {

    margin-bottom: 45px;

}



.e-pay {

    background: linear-gradient(242.62deg, #1B9FE9 -36.68%, #3F2DBC 68.26%);

    box-shadow: 0px 10px 8px -8px #BBBDDF;

    border-radius: 20px;

    width: 100%;

    padding: 40px 25px;

    margin-top: 40px;

    position: relative;

}



.e-pay h3 img {

    width: 40px;

    margin-right: 8px;

}



.e-pay h3 {

    font-weight: 600;

    font-size: 30px;

    text-transform: capitalize;

    color: #FFFFFF;

}



.e-pay li {

    width: 100%;

    height: 80px;

    line-height: 80px;

    background: linear-gradient(242.62deg, #5cb6e9f0 -36.68%, #291a8b94 68.26%);

    border-radius: 16px;

    margin-bottom: 25px;

    padding: 0 30px;

    display: block;

}



.e-pay ul {

    margin-top: 50px;

}



.e-pay li p,

.e-pay li span {

    font-size: 18px;

    color: #FFFFFF;

    font-weight: 400;

}



.e-pay li p {

    float: left;

}



.e-pay li span {

    float: right;

    font-weight: 600;

}



.e-pay button {

    width: 173px;

    height: 58px;

    background: #FEB546;

    border-radius: 12px;

    border: none;

    font-weight: 600;

    font-size: 16px;

    text-transform: uppercase;

    color: #FFFFFF;

    margin-top: 20px;

}



.e-pay button:hover {

    background: #ef9a1a;

}



.e-pay a {

    font-weight: 500;

    font-size: 18px;

    line-height: 21px;

    text-transform: capitalize;

    color: #FFFFFF;

    display: block;

    margin-top: 42px;

    text-decoration: underline !important
}



.e-pay a:hover {

    text-decoration: none !important;

    opacity: .8;

}



img.money {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 155px;

}



.official.pro-progress li p {

    font-weight: 500;

    font-size: 20px;

    line-height: 24px;

    text-transform: capitalize;

    color: #000000;

}



.progress-circle {

    font-size: 20px;

    margin: 72px auto 54px;

    position: relative;

    padding: 0;

    width: 5em;

    height: 5em;

    background-color: #F2E9E1;

    border-radius: 50%;

    line-height: 5em;

    transform: scale(1.5);

}



.progress-circle span {

    width: 100%;

    width: inherit;

    line-height: inherit;

}



table.stu-table tr td:last-child {

    border-right: none;

}



table.stu-table tr td:first-child {

    border-left: none;

}



.official.pro-progress li:nth-child(1) .progress-circle {

    background-color: #c7d9e9c9;

}



.official.pro-progress li:nth-child(2) .progress-circle {

    background-color: #c8e7d9;

}



.official.pro-progress li:nth-child(3) .progress-circle {

    background-color: #e9cece;

}



.official.pro-progress li:nth-child(1) .progress-circle .first50-bar {

    background-color: #248fed;

}



.official.pro-progress li:nth-child(1) .progress-circle .value-bar {

    border: 0.45em solid #248fed;

}



.official.pro-progress li:nth-child(2) .progress-circle .first50-bar {

    background-color: #1abf7b;

}



.official.pro-progress li:nth-child(2) .progress-circle .value-bar {

    border: 0.45em solid #1abf7b;

}



.official.pro-progress li:nth-child(3) .progress-circle .first50-bar {

    background-color: #e92323;

}



.official.pro-progress li:nth-child(3) .progress-circle .value-bar {

    border: 0.45em solid #e92323;

}



span.dt {

    font-size: 20px;

    color: #112655;

    margin-bottom: 30px;

    display: block;

}



.sign img {

    width: 100%;

    max-width: 150px;

}



.sign p {

    font-weight: 600;

    letter-spacing: 1px;

}



img.tech-bg {

    width: 100%;

    margin-bottom: 30px;

}



.preview-justify h2 {

    text-align: center;

}



.preview-justify p {

    text-align: justify;

}



.form {

    width: 100%;

    height: 100%;

}



.file-upload-wrapper {

    Color: #393CAB;

    height: 100%;

    position: relative;

    width: 100%;

}



.file-upload-wrapper:after {

    content: attr(data-text);

    font-size: 18px;

    position: absolute;

    top: 0;

    left: 0;

    background: #fff;

    padding: 0 15px;

    display: block;

    width: calc(100% - 40px);

    pointer-events: none;

    z-index: 20;

    height: 100%;

}



.file-upload-wrapper:before {

    content: 'Upload';

    position: absolute;

    top: 0;

    right: 0;

    display: inline-block;

    color: #ffffff;

    font-weight: 700;

    z-index: 25;

    font-size: 16px;

    padding: 0 15px;

    text-transform: uppercase;

    pointer-events: none;

    background: #f3c278;

}



.file-upload-wrapper input {

    opacity: 0;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 99;

    height: 100%;

    margin: 0;

    padding: 0;

    display: block;

    cursor: pointer;

    width: 100%;

}









.full-width {

    width: 100%;

}



.month_wise_section {

    margin: 60px 0;

}



.month_wise_list {

    margin-bottom: 45px;

    display: inline-block;

}



.month_wise_list ul {

    margin: 0 -0.2%;

}



.month_wise_list ul li {

    width: 7.8%;
    margin: 0 0.2% 30px;
    float: left;
    background: #FFFFFF;
    box-shadow: 0px 1px 6px 1px #E5F2FF;
    border-radius: 20px;
    list-style: none;
    position: relative;

}



.month_wise_list ul li a {

    width: 100%;
    display: block;
    padding: 45px 10px;
    font-size: 18px;
    font-weight: 500;
    color: #9e0235;
    text-align: center;

}



.month_wise_list ul li.active a {

    color: #fff;

}



.month_wise_list ul li.active {

    background: #412256;

}



.month_wise_list ul li.active:before {

    content: " ";

    width: 48px;

    height: 24px;

    background: url("../images/month-active-shape-new.png") no-repeat bottom center;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: -14px;

}



.left_table_content {

    padding: 10px 25px 25px 25px;

    min-height: 800px;

    background: #FFFFFF;

    /* box-shadow: 0px 16px 18px 2px #e5f2ff; */

    border-radius: 12px;

}





.left_table_content h2 {

    font-family: 'Work Sans', sans-serif;

    font-size: 18px;

    font-weight: 600;

    text-transform: uppercase;

    color: #fff;

    background: #FF5876;

    display: table;

    margin: 0 auto;

    padding: 20px 30px;

    border-radius: 4px;

    position: relative;

}



.left_table_content h2:before {

    content: " ";

    width: 29px;

    height: 33px;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    left: -33px;

    background: url("../images/left_shape.png") no-repeat left top;

}



.left_table_content h2:after {

    content: " ";

    width: 29px;

    height: 33px;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: -33px;

    background: url("../images/right_shape.png") no-repeat left top;

}



.left_table_content ul {

    margin-top: 25px;

}



.left_table_content ul li {

    width: 100%;

    float: left;

    font-size: 18px;

    font-weight: 400;

    text-align: center;

    background-image: linear-gradient(to right, #6E7881 33%, rgba(255, 255, 255, 0) 0%);

    background-position: bottom;

    background-size: 9px 1px;

    list-style: none;

    background-repeat: repeat-x;

}



.left_table_content ul li a {

    width: 100%;

    display: block;

    padding: 30px 20px;

    color: #005FB1;

}



.left_table_content ul li:last-child {

    background: none;

}



.sub_subject_section header {

    padding: 27px 40px;

    background: #412256;

    font-size: 20px;

    font-weight: 500;

    color: #fff;

    border-radius: 20px;

    position: relative;

    margin-bottom: 30px;

}



.sub_subject_section header:before {

    content: " ";

    width: 48px;

    height: 24px;

    background: url(../images/month-active-shape.png) no-repeat bottom center;

    position: absolute;

    left: 16px;

    bottom: -14px;

}



.sub_subject_section .discussion {

    float: right;

    border-radius: 40px;

    padding: 12px 25px;

    background: #fff;

    font-size: 16px;

    font-weight: 500;

    color: #412256;

    position: relative;

    top: -8px;

}



.sub_subject_section .discussion:hover {

    color: #fff;

    background: #4a50e1;

}



.main_subject_body {

    background: #EDF0FE;

    border-radius: 20px;

}



.sub_subject_accord .sub_subject_accord_header {

    padding: 30px 40px;

    /* background: #EDF0FE; */
    background: #fff;

    border-radius: 20px;

    cursor: pointer;

    background-image: linear-gradient(to right, #8AA6C2 33%, rgba(255, 255, 255, 0) 0%);

    background-position: bottom;

    background-size: 9px 1px;

    background-repeat: repeat-x;

    position: relative;

}



.sub_subject_accord .sub_subject_accord_header:before {

    content: " ";

    width: 32px;

    height: 32px;

    background: url("../images/plus_accord.png") no-repeat center;

    position: absolute;

    top: 24px;

    right: 40px;



    background-size: contain;

}



.active_header_minus:before {

    background: url(../images/minus_accord.png) no-repeat center !important;

    background-size: 32px !important;



    background-size: contain !important;

}



.sub_subject_accord .sub_subject_accord_header h4 {

    margin: 0;

    font-size: 18px;

    font-weight: 400;

    color: #414141;

}



.sub_subject_accord .sub_subject_accord_header h4 .green {

    color: #412256;

}



.sub_subject_accord_body {

    padding: 30px 40px;

    /* background: #EDF6FF; */
    background: #fff;

    display: none;

}



.sub_accord_body {

    background-image: linear-gradient(to right, #6E7881 33%, rgba(255, 255, 255, 0) 0%);

    background-position: bottom;

    background-size: 9px 1px;

    background-repeat: repeat-x;

    padding-bottom: 35px;

    margin-bottom: 35px;

    position: relative;

}



.sub_accord_content {

    padding-right: 375px;
    display: flex;

}



.sub_accord_content p {

    font-size: 18px;

    font-weight: 600;

    color: #414141;

    margin-bottom: 20px;

    line-height: 1.4em;

}



.pdf_button {

    font-family: 'Work Sans', sans-serif;

    font-size: 18px;

    font-weight: 600;

    color: #412256;

    border: 1px solid #412256;

    box-shadow: 0px 8px 9px 2px #F4F0F1;

    border-radius: 16px;

    background: #fff;

    display: table;

    padding: 15px 20px;

    /* padding-right: 85px; */

    position: relative;

}


.sub_accord_content a:first-child {
    margin-right: 10px;
    width: 160px;
}



.pdf_button img {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    right: 25px;

}



.sub_accord_right_button {

    position: absolute;

    right: 0;

    top: 0;

    text-align: right;

}



.sub_accord_right_button a {

    font-family: 'Work Sans', sans-serif;

    display: inline-block;

    vertical-align: middle;

    padding: 15px;

    background: #fff;

    border-radius: 12px;

    font-size: 16px;

    font-weight: 500;

    color: #4D32B2;

}



.sub_accord_right_button a+a {

    margin-left: 10px;

}



.sub_subject_section+.sub_subject_section {

    margin-top: 65px;

}



.sub_accord_body:last-child {

    background: none;

    margin-bottom: 0;

}



.pdf_button:hover {

    background: #F15642;

    color: #fff;

}



.sub_accord_body:last-child {

    background: none;

    margin-bottom: 0;

}



.sub_subject_accord:last-child .sub_subject_accord_header {

    background-image: none;

}



.tracker_breadcrumb {

    border-bottom: 1px solid #DCE3E9;

    position: relative;

    height: 90px;

}



.right_published_color {

    float: right;

    line-height: 90px;

}



.right_published_color span {
    font-family: 'Work Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    color: #FCE4EC;
}



.right_published_color .red {

    background: #FF5876;

}



.right_published_color span+span {

    margin-left: 30px;

}



.right_published_color .green {

    background: #26D049;

}



.right_published_color span i {

    width: 15px;

    height: 15px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 2px;

    border-radius: 4px;

    position: relative;

    top: -1px;

}



.right_subject_date select {

    font-size: 18px;
    color: #7F9FBF;
    width: 430px;
    height: 65px;

    background: #fff url('../images/select_bottom_arrow.png') no-repeat 95% center;

    border: 1px solid #993847;
    box-shadow: 0px 1px 6px 1px #DBEEFF;
    border-radius: 16px;
    padding: 0 30px;
    margin-top: 13px;
    display: inline-block;
    vertical-align: middle;
    appearance: none;

}



.right_subject_date select:focus {

    outline: none;

}





.view_all_button {

    font-size: 14px;
    background: #412256;
    border: 1px solid #321042;
    padding: 6px 12px;
    float: right;
    margin-top: 7px;
    border-radius: 14px;
    line-height: normal;
    color: #fff;
}

.view_all_button:hover {
    background: #fff;
    border: 1px solid #321042;
    color: #321042;
}



.view_all_button:hover {

    background: #fff;

    color: #2A2345;

}







.serach_section .search-left {

    width: 100%;

}



.serach_section .search-inner {

    display: block;
    margin-bottom: 25px;

}



.serach_section .search-inner .form-group {

    width: 100%;

    float: left;

}





.select2-container {

    width: 100% !important;

    float: left;

    border-radius: 100px;

}



.select2-container .select2-selection--single {

    height: 42px !important;

    background-color: transparent !important;

    border: none !important;

}


.select2-selection__rendered {
    height: 68px !important;
    line-height: 68px !important;
    font-size: 18px !important;
    padding: 0 25px !important;
    background: #fff !important;
    border-radius: 12px !important;
    color: #9ab0c3 !important;
    border: 1px solid rgba(128, 115, 115, 0.5);
    width: 100%;
}




.search-left input[type="text"] {

    height: 68px !important;
    line-height: 68px !important;
    font-size: 18px !important;
    padding: 0 25px !important;
    background: #fff !important;
    border-radius: 12px !important;
    color: #9ab0c3 !important;
    border: 1px solid rgba(128, 115, 115, 0.5);
    width: 100%;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 10px !important;

    right: 10px !important;

}



.search_button {

    width: 100%;

}



.search_button button,

.search_button input {

    font-size: 16px;
    width: 48%;
    border-radius: 12px;
    height: 64px;
    line-height: 52px;
}

.search_button button {
    background: #F31C28;
    border: 1px solid #F31C28;
    /* float: left; */
    float: none;
    transition: 0.6s;
}

.search_button button:hover {
    background: #fc5760 !important;
    border: 1px solid #F31C28;
}





.search_button input,

.submit-upload-button {

    background-color: #412256;
    border: 1px solid #4a3558;
    float: right;

}



.submit-upload-button {

    color: #fff !important;

}



.search_button button:hover,

.submit-upload-button:hover {

    background: linear-gradient(84.52deg, #181B66 111.91%, #131ABC -16.62%);

}



.search_button input:hover {

    background: #fff;

    color: #2A2345;

    border: 1px solid #e91b27;

}







.dataTables_wrapper.dataTables_wrapper {

    display: block !important;

}



.dataTables_length {

    float: left;

}



.dataTables_filter {

    float: right;

}



.dataTables_length label {

    font-size: 14px;

}



.dataTables_length select {

    margin: 0 6px;

}



.dataTables_filter,

.dataTables_length {

    margin-top: 15px;

}



.sorting_asc:after {

    display: none !important;

}



.dataTables_paginate {

    text-align: right !important;

}



.dataTables_paginate .pagination {

    float: right;

}



.dataTables_paginate .pagination li+li {

    margin-left: 8px;

}



.dataTables_paginate .pagination li a {
    display: block;
    padding: 6px 14px;
    font-size: 13px !important;
    background: #412256;
    color: #fff !important;
    border-radius: 4px;
}



.dataTables_paginate .pagination li a:hover {
    opacity: 0.6;
}



.dataTables_info,

.dataTables_paginate .pagination {

    margin-top: 10px !important;

}



.dataTables_paginate .pagination li.active a {

    background: #b7113c;

}





.search_info_data {

    padding-top: 45px;

}



.search_info_data ul {

    /*margin: 0 -2.5%;*/

    list-style: none;

    background: #fff;

    border-radius: 18px;

    overflow: hidden;

    padding: 25px 25px 10px;

}





.search_info_data ul li {

    width: 28.33%;
    margin: 0 2.5% 15px;
    float: left;
    background: #fff;
    border: 1px solid #807373;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 12px;

}



.search_info_data ul li b {

    opacity: 0.3;

}



.search_info_data ul li i {

    margin-right: 5px;

}



.worksheet_upload_file {

    font-size: 14px;

}



.sub_table_fld thead tr th {

    vertical-align: middle !important;

}



.sub_heading.sub_heading {

    font-size: 18px;

    margin-bottom: 15px;

}



.sub_table_fld tbody tr td {

    padding: 5px 15px;

    background: #fff;

}



.sub-section-field-content {

    background: #fff;

}



.sub-section-field-content table tr td .btn {

    line-height: 20px !important;

}







.registernow_fld {

    width: 100%;

    float: left;

    background: #292B68;

    text-align: center;

    padding: 25px;

    border-radius: 20px;

}





.registernow_fld input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #fff !important;

    opacity: 1;
    /* Firefox */

}



.registernow_fld input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */

    color: #fff !important;

}



.registernow_fld input::-ms-input-placeholder {
    /* Microsoft Edge */

    color: #fff !important;

}



.registernow_fld h3 {

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 2px;

    color: #fff;

}



.registernow_fld p {

    font-size: 12px;

    color: #fff;

}



.registernow_fld form {

    width: 100%;

    float: left;

    margin-top: 20px;

}



.registernow_fld form .form-control {

    background: none;

    border: 1px solid #fff;

    font-size: 12px;

    height: 40px;

    border-radius: 10px;

    color: #fff;

}



.submit_button_fld {

    width: 100%;

    display: block;

    background: #0066f8;

    border: none;

    padding: 8px 15px;

    color: #fff;

    border-radius: 10px;

    margin-top: 10px;

}



.submit_button_fld:hover {

    opacity: 0.5;

}





table.table_fld tr td:first-child {

    width: auto !important;

}







.bg_main {

    position: absolute;

    height: 100%;

}





img.cj_logo {
    max-width: 175px;
}

img.techno_logo {
    max-width: 260px;
    position: relative;
    top: 3px;
}

.logo {
    display: flex;
}

.logo a:last-child {
    margin-left: 20px;
    padding-left: 20px;
    position: relative;
}

.logo a:last-child:before {
    position: absolute;
    content: '';
    top: 8px;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: 46px;
    background: #614D68;
}

footer.main-foot h5 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

footer.main-foot {
    color: #fff;
    padding: 50px 0 40px;
}

.contact li {
    list-style: none;
    display: flex;
    align-items: center;
}

.contact li img {
    width: 36px;
    height: 36px;
}

.contact li p {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    width: 100%;
    max-width: 300px;
}

.contact li:last-child p {
    font-weight: 600;
}

.contact li:last-child {
    margin-top: 20px;
}

.info p {
    width: 100%;
    max-width: 697px;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}

.social li a {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid #E91B27;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social ul {
    display: flex;
    gap: 10px;
}

.social li {
    list-style: none;
}

.social li img {
    width: 22px;
}

.social li a:hover {
    opacity: .6;
}

.social p {
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px;
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.social img {
    width: 26px;
}

.social {
    float: right;
}

.info {
    padding-left: 50px;
}

.tabbs .tabb {
    display: none;
}

.tabbs .tabb.active {
    display: block;
    margin-top: 20px;
}

.tabbs {
    margin-bottom: 20px;
}



.today_class table {
    width: 100%;
    border-collapse: collapse;
}

.today_class table th,
.today_class table td {
    padding: 15px;
    text-align: left;
    color: #000;
}

.today_class table th {
    font-weight: 500;
    font-size: 15px;
    padding: 5px 8px;
}

.today_class table td {
    font-size: 13px;
    padding: 2px 8px;
}

.today_class table td:nth-child(4) {
    white-space: nowrap;
}

.today_class tbody tr:nth-child(odd) td {
    background: #FCEDED;
}

.today_class table tr td:first-child {
    border-radius: 8px 0 0 8px;
}

.today_class table tr td:last-child {
    border-radius: 0 8px 8px 0;
}

.today_class table td span {
    /* display: block; */
    text-align: center;
    line-height: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 11px;
}

.today_class table button {
    padding: 5px 5px;
    white-space: nowrap;
    border: none;
    border-radius: 6px;
    font-size: 11px;
    cursor: pointer;
    width: 82px;
}

.join-btn {
    background-color: #F31C28;
    color: #ffffff;
}

.join-btn:hover {
    background-color: transparent;
    color: #412256;
    border: 1px solid #412256 !important;
}

.details-btn {
    background-color: transparent;
    color: #412256;
    border: 1px solid #412256 !important;
}

.details-btn:hover {
    background-color: #F31C28;
    color: #ffffff;
    border: none !important;
}

.white_bg {
    background: #fff;
    width: 82%;
}

.right_content_inner {
    padding: 30px 20px;
}

h2.heading {
    font-size: 38px;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}

.single_event {
    display: flex;
    gap: 18px;
    margin-bottom: 30px;
}

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

.event_img {
    width: 100%;
    max-width: 250px;
    position: relative;
}

.event_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.event_content h3 a {
    color: #333333;
    font-size: 22px;
    line-height: 26px;
}

.event_content h3 a:hover,
.events_date a:hover {
    color: #E91B27;
}

.event_content p {
    font-size: 15px;
    color: #666;
    margin: 15px 0;
}

.event_img a {
    position: absolute;
    left: 15px;
    bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 2px solid red;
    line-height: 16px;
}

.our_events {
    display: flex;
    flex-direction: column;
}

.events_date span {
    color: #666;
    font-size: 13px;
    border-bottom: 1px dotted #666;
}

.events_date a {
    font-size: 13px;
    color: #666;
    margin-left: 10px;
    padding-left: 10px;
    position: relative;
}

.events_date a:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #dbd8d8;
    width: 1px;
    height: 10px;
}

.event_details img {
    width: 100%;
    border-radius: 15px;
    height: 300px;
    object-fit: cover;
}

.event_details.event_details h2 {
    font-size: 30px;
    margin: 15px 0;
    color: #333333;
}

.event_details p,
.event_detail_content ul li {
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
}

.event_details .events_date span {
    border: 0;
    font-size: 12px;
}

.att_calender .crv-calendr-covr {
    border-radius: 14px;
}

.todo_list ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.todo_list li {
    box-shadow: 0px 11px 28.3px 0px #E3E4EF;
    border: 1px solid #D8D9EC;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
}

.todo_left h4 {
    font-size: 13px;
    position: relative;
    padding-left: 22px;
}

.todo_left h4:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/tick-1.png) no-repeat;
    width: 15px;
    height: 15px;
    background-size: contain;
}

.todo_left {
    width: 55%;
}

.todo_right {
    width: 45%;
    text-align: right;
}

.todo_right p {
    font-size: 11px;
    color: #5B5B62;
    line-height: 18px;

}

.todo_right p span {
    color: #393D93;
}



.event-tabs {
    width: 100%;
    overflow: hidden;
}

.event-tab-menu {
    list-style: none;
    display: flex;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 25px;
    border-bottom: 1px solid #c61c5b;
    background: #ECEDF5;
}

.event-tab-link {
    padding: 10px 20px;
    cursor: pointer;
    flex: 1;
    text-align: center;
}

.event-tab-link:last-child {
    border-right: none;
}

.event-tab-link.active {
    color: white;
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
}

.event-tab {
    display: none;
}

.event-tab.active {
    display: block;
}

.single_slide h5 {
    font-size: 15px;
    color: #414141;
    line-height: 22px;
    font-weight: 500;
}

.single_slide a {
    display: flex;
    align-items: center;
    gap: 15px;
}

.single_slide img {
    width: 52px !important;
    height: 52px;
    object-fit: cover;
    border-radius: 50%;
}

.slide_section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #cccccc73;
}

.single_slide {
    width: 90%;
    margin: auto;
}

.event_slide {
    position: relative;
}

.event_slide .owl-nav button {
    position: absolute;
    top: 20px;
}

.event_slide .owl-nav button:focus {
    outline: none;
}

.event_slide .owl-nav button svg {
    font-size: 16px;
    color: #b1b1b1;
    transition: .4s all;
}

.event_slide .owl-nav button svg:hover {
    color: #414141;
}

.event_slide .owl-nav button.owl-prev {
    left: 0;
}

.event_slide .owl-nav button.owl-next {
    right: 0;
}

.events_date {
    display: flex;
    justify-content: start;
    margin-top: 10px;
}

.event_details .events_date {
    justify-content: space-between;
}

.events_date .like-comnt a:before {
    display: none;
}

.events_date .like-comnt a img {
    height: auto;
    width: 15px;
}

.events_date .like-comnt a {
    margin: 0;
    padding: 0 8px;
    border-radius: 6px;
    height: 24px;
    font-size: 12px;
    gap: 3px;
}

.events_date .like-comnt {
    gap: 5px;
}

.events_date a.like-btn.liked svg {
    font-size: 13px !important;
}

.single_slide a:hover h5 {
    text-decoration: underline !important;
    color: #E91B27;
}

.title_img h3 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

.event_details .date_location li img {
    width: 16px;
    height: auto;
    object-fit: inherit;
    border-radius: 0;
}

.date_location ul {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    gap: 15px;
}

.date_location li {
    background: #F0F1FF;
    height: 34px;
    display: flex;
    gap: 7px;
    align-items: center;
    border-radius: 8px;
    padding: 0 15px;
    color: #403D3D;
    font-weight: 500;
    font-size: 14px;
}

.date_location li:nth-child(1) {
    width: 25%;
}

.date_location li:nth-child(2),
.date_location li:nth-child(3) {
    width: 25%;
}

.event_detail_content {
    width: 100%;
    max-width: 750px;
    margin: 30px auto 0;
}

.event_detail_content ul li,
.event_detail_content p {
    color: #403D3D;
}

.event_detail_content ul li {
    list-style: none;
    position: relative;
    padding-left: 22px;
}

.event_detail_content h4 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 600;
    color: #E91B27;
}

.event_detail_content ul li:before {
    position: absolute;
    content: '';
    background: url("https://tcea.campusjadugar.com//Student-Assets-New/images/a-r.png") no-repeat;
    width: 10px;
    height: 10px;
    background-size: contain;
    top: 6px;
    left: 0;
}

.target p {
    color: #3631AB;
}

.target p span {
    color: #E91B27;
}

.target {
    margin-top: 20px;
}

p.all_date i {
    font-style: normal;
    padding: 0 15px;
}

p.all_date span {
    color: #3631AB;
}





/* ============== Mock_show page ============== */

.innr-pgs.aca.tabpg-contnr .aca-tabs li span {
    padding: 10px 86px;
}

.tabpg-contnr {
    padding-top: 15px;
    padding-bottom: 25px;
}

.tabpg-contnr .aca-tabs {
    margin-top: 22px;
}

.rght-career-bx {
    width: 82%;
    margin-left: 20px;
}

.lft-panel-bx {
    width: 18%;
    background: #ececec;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #dfd3d3;
}

.lft-panel-bx a {
    background-color: #fff;
    font-size: 16px;
    color: #bd4277;
    transition: 0.6s;
    border-radius: 6px;
    padding: 12px 10px;
    margin-bottom: 6px;
    width: 100%;
    display: block;
}


.lft-panel-bx a:hover {
    background: linear-gradient(141.2deg, #542E7C 27.72%, #FF304D 178.14%);
    color: #fff;
}

.innr-pgs.aca.tabpg-contnr .tab {
    display: flex;
    padding: 1px;
}

.rght-career-bx .tabbx a {
    list-style: none;
    vertical-align: top;
    display: inline-block;
    width: auto;
    height: 50px;
    line-height: 26px;
    border-radius: 6px;
    border: 1px solid #773350;
    background-color: #fff;
    transition: 0.6s;
    padding: 12px 20px;
    text-align: center;
    font-size: 16px;
    color: #bd4277;
    margin-bottom: 6px;
}

/* .rght-career-bx ul li a{
    display: block;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;  
    color: #bd4277; 
} */

.rght-career-bx .tabbx a:hover {
    background: #bd4277;
    color: #fff;
}

/* scroll */
.scrol_bx {
    overflow-y: scroll;
    max-height: 400px;
}

.scrol_bx::-webkit-scrollbar {
    width: 5px;
    /*height: 20px;*/
    height: 10px;
}

.scrol_bx::-webkit-scrollbar-track {
    background: #161616;
    border-radius: 10px;
    padding: 6px;
}

.scrol_bx::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

.scrol_bx::-webkit-scrollbar-track {
    /* background: #bc0f0f; */
    background: linear-gradient(141.2deg, #542E7C 27.72%, #FF304D 178.14%);
}










/*  ============ Mock_index =============== */

.mockndex-wrapper{
 display: initial !important;
 padding: 20px 70px;
}

.mockndex-wrapper .head-title {
    text-align: left;
}

.mockndex-wrapper ul{
    margin: 0px;
    padding: 0px;
}

.mockndex-wrapper ul li{ 
    display: inline-block;
    font-size: 24px;
    line-height: 27px;
    text-transform: capitalize;
}

.mockndex-wrapper ul li a{
    color:#403d3d;
    font-weight: 400;
} 


.olympd-bannr{
    background-image: linear-gradient(to bottom, #7c00c6, #bd5df6, #a333e6, #a128e9, #7c00c6);
    height: 420px;
    border-radius:20px;
    overflow: hidden;
    position: relative;
}


.olympd-bannr::before{
    position: absolute;
    content: '';
    background: url(../images/mock-round-lft.png) no-repeat;
    background-size: contain;
    width: 562px;
    height: 410px;
    top: 0px;
    left: 0px;

}

.medal-bx{
    position: absolute;
    top:0px;
    left:14%;
    width: 245px;
}

.medal-bx img{
    width: 100%;
}

.bnr-contbx{
    padding-left: 42%;
    margin-top: 50px;

}

.bnr-contbx h1{
    font-size: 58px;  
    font-family: "Poppins", sans-serif !important;
    color:#fff;
    font-weight: 600;
}

.bnr-contbx span{
    font-size: 20px;  
    font-family: "Poppins", sans-serif !important;
    color:#fff;
    font-weight: 400;
    display: block;
}

.bnr-contbx ul{
    margin: 10px 0 0px;
    padding: 0px;
}

.bnr-contbx ul li{
    list-style: none;
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    margin-right: 20px;
    color:#fff;
    font-weight: 600;
}

.bnr-contbx ul li .circl{
    width: 50px;
    height: 50px;
    border:1px solid #fff;
    border-radius: 100%;
    padding: 2px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
}

.reg_butn{
    background-color: #fff;
    border-radius: 16px;
    display: inline-block;
    padding: 17px 34px;
    margin-top: 15px;
    font-size: 22px;
    line-height: 30px;
    color:#000;
    transition: 0.6s;
}


.reg_butn:hover{
    color:#d4334e;
}


.crvbx-bg{
    background-color: #fff;
    border-radius: 16px;
    padding: 20px 26px;
    box-shadow: -1px 2px 29px -10px rgba(0,0,0,0.75);
    border:1px solid #D8D9EC;
}


.crvbx-bg h5{ 
    font-size: 36px;
    font-weight: 600;
    color: #393D93;
    line-height: 55px;
}

.crvbx-bg p{
    font-size: 20px;
    font-weight: 400;
    color: #403D3D;
    line-height: 28px;
}

.ledr-boad-contnr{
    margin: 50px 0px;
}

.ledr-boad-contnr .lftbx{
    padding-left: 0px;
}

.ledr-boad-contnr .rghtbx{
    padding-right: 0px;
}

.leader_boad_butn{
    color: #fff;
    border-radius: 16px;
    display: inline-block;
    padding: 14px 34px;
    margin-top: 15px;
    font-size: 24px;
    line-height: 50px;
    background: #F31C28;
    border:1px solid #F31C28;
    font-weight: 600;
    transition: 0.6s;
    margin-bottom: 6px;
}

.leader_boad_butn:hover{
    background: #FFF;
    color:#F31C28;
}

.crvbx-bg .datbx{
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    color: #403d3d;
}

.crvbx-bg .datbx span{
    color: #E91B27;
}

.crvbx-bg hr{
    background: #333;
}

.datbx img{
    float: left;
    margin-top: 2px;
    margin-right: 6px;
}

.crvbx-bg hr{
     margin-bottom: 8px; 
 } 

 .mockndex-wrapper hr{
    margin-top: 6px;
 }




                /* ================ leaderboard =============== */


.mock_tab_contnr ul.tabs.aca-tabs {
    margin-bottom: 20px;
    height: 46px;
    border-bottom: 0px solid #F862A1;
    text-align: center;
}


.mock_tab_contnr ul.tabs.aca-tabs li{
    color: #e63946;
    border: 2px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box,
                linear-gradient(to right, #e63946, #5c4efc) border-box;

    border-radius: 8px;
    font-weight: bold;
    letter-spacing: 0.8px;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-align: center;
    padding: 10px 30px;
    width: 200px;

  }

   .mock_tab_contnr ul.tabs.aca-tabs li.active{
        color: #fff;
        background: linear-gradient(90deg, #e91b27, #3631ab);
        border: none;
       
   }

   .listbx .col-md-2,
   .listbx .col-md-8{
       padding-right: 0px;
       padding-left: 0px;
   }



   .listbx{
        width: 100%;
        height: 103px;
        border-radius: 20px;
        border: 2px solid transparent;
        background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
        /*background-color: #f5eafb;*/
        padding: 10px 5px;
        margin-bottom: 25px;
        display: inline-flex;
        gap:5px;
   }


   .list-contnr .listbx h5{
        margin-top: 28px;
        width: 81%;
   }

   .listbx .whit-crcl{
        width: 74px;
        height:74px;
        background-color: #fff;
        border-radius:100% ;
        position: relative;
        margin: 2px auto;
        float: none;
   }

   .listbx .studnt_imgbx{
        position: absolute;
        left: -6px;
        top: 8px;
        width:44px ;
   }


   .listbx .star-ball{
        position: absolute;
        right: -18px;
        top: -4px;
        width: 45px;
   }

   .listbx .star-ball img,
    .listbx .studnt_imgbx img{
        width: 100%;
   }


   .count-circl{
        width: 74px;
        height: 74px;
        border-radius: 50%;
        background: linear-gradient(135deg, #6a11cb, #ff0077);
        float: none;
        margin:4px auto 0px;
        position: relative;
   }

   .count-circl span{
        color: #fff;
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0px auto;
        line-height: 78px;
        font-weight: 600;
   }

   /*.nw-tab{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;}

       .nw-tab li{ 
        background-color: transparent;
        margin: 2px;
        padding: 2px;
        height: auto; 
        line-height: initial;
    }
*/


   .tab-container-nw {
          display: flex;
          justify-content: space-between;
          align-items: center;
          background-color: #ffeef1; /* light pink background */
          border-radius: 50px;
          padding: 4px;
          width: 100%;
          max-width: 300px; /* responsive width */
          margin: 20px auto;
    }

    .tabnw {
          flex: 1;
          text-align: center;
          font-weight: 600;
          padding: 10px 0;
          border-radius: 50px;
          color: #d40000;
          cursor: pointer;
          transition: all 0.3s ease;
    }

    .tabnw.active {
          background: linear-gradient(90deg, #5e00cc, #d61a7f);
          color: #fff;
    }


/* ======================== Analysis ===================  */

    
    .innr-pgs.aca .tab.analysis-pag{
        padding:20px 0px;
    }

    .analysis-pag h3{
        font-weight: 600;
        font-size: 36px;
        line-height: 27px;
        color: #393D93;
        margin-bottom: 25px;
    }


    .card {
          flex: 1 1 180px;
          background: #fff;
          border: 2px solid #e2d9f3;
          border-radius: 16px;
          padding: 20px 10px;
          text-align: center;
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
          transition: transform 0.2s;
    }

/*    .card:hover {
            transform: translateY(-3px);
    }*/

    .card img {
          width: 250px;
          /*height: 50px;*/
          margin-bottom: 10px;
          margin-top: 20px;
    }

    .card h2,
    .card-grup h2 {
          font-size: 1.5rem;
          color: #222;
    }

    .card p{
          font-size: 0.9rem;
          color:#fff;
    }

    .score-card {
          background: linear-gradient(135deg, #7a2ff7, #d53a9d);
          color: #fff;
          position: relative;
    }

    .score-circle {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          height: 120px;

          position: relative;
          margin: 50px;
    }

    .score-value {
          font-size: 1.8rem;
          font-weight: 700;
          position: absolute;
          top: 50px;
    }

    .total {
        font-size: 1rem;
    }

    .percent {
        font-size: 0.9rem;

    }


    .card-grup{
         border: 2px solid transparent;
        background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
        border-radius: 16px;
        padding: 20px 13px;
        text-align: center !important;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
        width: 30%;
        display: inline-block;
        margin:0 10px;
        height: 255px;
    }

   .card-grup p{
        color: #39359D;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        width:100%;
    }


    .innr-pgs.aca .tab.analysis-pag .card-grup h2{
         width:100%;
         text-align: center !important;
    }

    .card-grup .icnbx{
        border:0px solid #333;
        width: 100px;
        height: 100px;
        float: none;
        margin: 10px auto;
    }

    .comnt-row{
        margin-top: 20px;
    }

    .skillbx,
    .leadrbordbx{
         border: 2px solid transparent;
        background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
        border-radius: 16px;
        padding: 20px;
        text-align: center !important;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
        width: 100%;
        display: inline-block;
        margin:0 10px;
        height:auto;
    }


    .skillbx img{
        width: 100%;
    }

    .leadrbordbx .listbx{
        border:0px;
        background: #fff;
        padding: 6px 15px;
        margin-bottom: 10px;
        width: 100%;
        height: 95px; 
    }

    .leadrbordbx .listbx .studnt-nfo{
        text-align: left;
        padding-left: 26px;
        margin-top: 14px;
        width: 81%;
    }

    .leadrbordbx .listbx .studnt-nfo h5{
        margin-top: 0px;
    }

    .leadrbordbx .listbx p{
        color:#3F2B2C;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }

    .leadrbordbx .listbx .whit-crcl{
        background: #f5eafb;
        margin: 6px auto;
    }

    .leadrbordbx .listbx .studnt_imgbx {
        left: -4px;
        top: 8px;
        width: 44px;
    }

    .leadrbordbx .listbx .studnt_imgbx img{
        width:100%;}

    .leadrbordbx .listbx .whit-crcl {
        width: 70px;
        height: 70px;}


     .leadrbordbx .listbx .star-ball {
            position: absolute;
            right: -14px;
            top: 0px;
            width: 38px; }

   .leadrbordbx .count-circl {
            width: 70px;
            height: 70px;   }   


   .progress-row{
       margin-top: 20px;
     }


   .progressbar-bx {
        border: 2px solid transparent;
        background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
        border-radius: 16px;
        padding: 20px;
        text-align: center !important;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
        width: 100%;
        display: inline-block;
        margin: 0 10px;
        height: auto;
    }


    .progressbar-bx ul{
      width: 100%;
      /*max-width: 200px;*/
      padding: 0;
    }

   .progressbar-bx ul li{
      width: 100%;
      float: left;
      position: relative;
      list-style: none;
    }


  .tab.analysis-pag .progressbar-bx li {
        background: transparent;
        display: block;
        width: 100%;

        height: auto; 
        padding:0px; 
        margin-bottom:0px; 
    }





   .progressbar-bx ul li span{
        width: 62%;
        height: 10px;
        background: #e2e2e2;
        display: inline-block;
        border-radius: 20px;
        position: relative;
        margin-left: 25px;
    }

   .progressbar-bx ul li span i{
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      height: 10px;
      background: #333;
      border-radius: 20px;
    }



    .pogress-bar-titl{
        position: absolute;
        left:0px;
        top: 4px;
    }



    .count{
        position: absolute;
        right: 0px;
        top: 4px;
        font-weight:500;
    }


    .rowcomon{
        padding: 13px 6px;
    }


    .lftsid{
        float:left;
    }

    .twinbtn-contner {
      display: inline-flex;
      border-radius: 50px;
      padding: 3px;
      background-color: #fff;
      overflow: hidden;
      float:right;
      margin-top: -16px;
    }

    .twinbtn {
      border: none;
      outline: none;
      background: transparent;
      padding: 8px 18px;
      border-radius: 50px;
      color: #3b2ea0;
      font-weight: 600;
      font-size: 15px;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .twinbtn.active {
      border: 2px solid transparent;
      background: linear-gradient(#f5eafb, #f5eafb) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
      color: #2b1d8e;
    }

    .twinbtn:hover {
      opacity: 0.9;
    }










    /*.twinbtn-contner {
  display: inline-flex;
  border: 2px solid #7a2ff7;
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 20px;
}

.twinbtn {
  padding: 8px 20px;
  font-weight: 600;
  color: #2d1e9f;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 50px;
}

.twinbtn.active {
  background: #f8f0ff;
  border: 2px solid #d6215f;
  color: #2b1d8e;
}

.twintab {
  display: none;
}

.listbx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 10px;
  margin: 6px 0;
}

@media (max-width: 600px) {
  .listbx {
    flex-direction: column;
    text-align: center;
  }
}


*/







/* ==================== RESULT =================== */

.school-header {
  background-color: #ffeef2;
  color: #d62b5f;
  font-weight: 600;
  border-radius: 50px;
  padding: 10px 30px;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;

}



.school-header span{
    font-size:14px;
}



.students-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin-top: 35px;
  margin-bottom: 35px;
}

.student-card {
   border: 2px solid transparent;
  background: linear-gradient(#f7f0ff, #f7f0ff) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
  border-radius: 50%;
  width: 190px;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(150, 100, 255, 0.15);
  transition: transform 0.3s ease;
  text-align: center;
}

.student-card.highlight {
   border: 2px solid transparent;
  background: linear-gradient(#f7f0ff, #f7f0ff) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
  transform: scale(1.1);
}

.student-card:hover {
  transform: scale(1.05);
}

.avatar img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 10px;
}

.student-card h3 {
  margin: 0;
  font-size: 16px;
  color: #333;
  font-weight: 600;
}

.student-card .xp {
  color: #d6215f;
  font-weight: 600;
  font-size: 14px;
  margin: 5px 0;
}

.stars {
  background: linear-gradient(90deg, #6d00ff, #b3007d);
  color: #fff;
  padding: 5px 12px;
  border-radius: 30px;
  font-size: 12px;
}


.result-wrapper .student-card.highlight .avatar img {
    width: 60px;
    height: 60px;
}

.result-wrapper .listbx .studnt_imgbx {
    position: absolute;
    right: -6px;
    left:auto;
    top: 18px;
    width: 40px;
}

.result-wrapper .listbx .studnt_imgbx img{
    width: 100%;
}



.result-wrapper .rght-twinbtn{
    float: right;
    margin: 0px;
    padding:0px;
}

.result-wrapper .rght-twinbtn li{
    display: inline-flex;
    gap:5px;
    padding: 8px 18px;
    border-radius: 8px;
    transition: 0.3s;
}


.result-wrapper .rght-twinbtn li a{
    font-weight: 600;
    font-size: 15px;
    display: block;
}


.result-wrapper .rght-twinbtn li.hglight{
    background: #F31C28;
}

.result-wrapper .rght-twinbtn li.hglight a{
    color:#fff;
}

.result-wrapper .head-title .bdcam {
    float: left;
}









.box-1{
    width: 100%;
    background: #8F6DE8;
    height: 230px;
    border-radius: 12px;
    position:relative ;
    padding: 20px;

}


.box-1::after{
    position: absolute;
    content: '';
    background: url(../images/trnsprnt-round-rght.png) no-repeat;
    background-size: contain;
    width: 222px;
    height: 159px;
    top: 0px;
    right: 0px;
}


.scnd-bx{
    background: #fd894a;
}

.thrd-bx{
     background: #5dd16c;
}

.box-1 h3{
    width: 100%;
    font-size: 58px;
    font-weight: 600;
    text-align: right;
    color:#fff;
    padding-right: 15px;
    padding-top: 10px;
}


.box-1 h6{
    width: 50%;
    font-size: 32px;
    font-weight: 500;
    color:#fff;
    padding-left: 18px;
}

.triplcolrbx-row{
    margin-bottom: 45px;
}

.twinbx-section{
    margin-top: 45px;
}


.twinbx-section .secbox-1,
.twinbx-section .secbox-2{
    width: 100%;
    height:322px;
    border:1px solid #d8d9ec;
    border-radius: 20px;
    background: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 10px 25px rgba(150, 100, 255, 0.15);
}

.twinbx-section .secbox-1::after{
    position: absolute;
    content: '';
    background: url(../images/target-img.png) no-repeat;
    background-size: 100%;
    width: 125px;
    height: 215px;
    bottom: 0px;
    right: 0px;
}

.twinbx-section .secbox-2::after{
    position: absolute;
    content: '';
    background: url(../images/gold-medal-img.png) no-repeat;
    background-size: 100%;
    width: 162px;
    height: 215px;
    bottom: 0px;
    right: 0px;
}

.marks-circl{
    width: 110px;
    height: 110px;
    border-radius: 100%;
    background: linear-gradient(90deg, #5e00cc, #d61a7f);
    color: #fff;
    float: left;
    padding: 10px;
}

.marks-circl .numbr{
    font-size: 38px;
    font-weight: 600;
    color:#fff;
    width: 100%;
    text-align: center;
    line-height: 35px;
    margin-top: 20px;
}

.marks-circl span{
    font-size: 18px;
    font-weight: 600;
    color:#fff;
    width: 100%;
    display: block;
    text-align: center;
}


.txbox{
    margin-top: 36px;
    margin-left: 36px;
    width: 90%;
    display: inline-flex;
    gap: 18px;
}

.rgtbox{
    border:0px solid red;
}

.txbox .rgtbox h3{
   font-size: 36px;
    font-weight: 600;
    line-height: 50px;
    color:#393d93; 
}

.txbox .rgtbox p{
   font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color:#577197; 
}

.secbox-1 ul,
.secbox-2 ul{
    margin-top: 36px ;
    padding: 0px;
}

.secbox-1 ul li,
.secbox-2 ul li{
    height: 50px;
    background: #ffdee0;
    width: 65%;
    border-radius: 0px 50px 50px 0;
    margin-bottom: 8px;
    padding: 0px 0px 0px 70px;
    font-size: 20px;
    font-weight: 500;
    line-height: 50px;
}


.secbox-1 ul li:first-child,
.secbox-2 ul li:first-child{
    color:#432ada;
}

.secbox-1 ul li:last-child,
.secbox-2 ul li:last-child{
    color:#f31c28;
}




.twinbtn a{
        color: #3b2ea0;
} 


.result-wrapper .tab .student-card p.xp{
    margin-bottom: 0px;
}


.mockbanr_section{
    margin-bottom: 20px;
}


.exm-bnrpic-bx{
    position: absolute;
    bottom: 0px;
    left: 4%;
    width: 236px;
}

.exm-bnrpic-bx img{
    width: 100%;
}

.exmbnr-contbx {
    padding-left: 42%;
    margin-top: 8%;
}

.exmbnr-contbx span{
    width: 78%;
}












.listpg-contnr{
    display: inline-flex;
    gap:10px;
}

.selctbx-contnr{
    width: 30%; 
    position: relative;  
}


/* 
.contnr-tripltab{
    width: 72%;
} */

.listpg-contnr .contnr-tripltab ul li{
    border-radius: 6px;
    border:1px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
    height: 48px;
    overflow: hidden;  
}

/* .listpg-contnr .contnr-tripltab ul li.active{
    color: #fff;
    background: linear-gradient(90deg, #e91b27, #3631ab);
} */


.listpg-contnr .contnr-tripltab ul li span{
    padding: 5px 15px !important; 
    color: #bd4277 !important;
    font-size: 17px !important;
}

.contnr-tripltab ul.tabs.aca-tabs {
    margin-bottom: 20px;
    height: 46px;
    border-bottom: 0px ;
}

.listpg-contnr .contnr-tripltab ul.tabs.aca-tabs li span.active {
     border-bottom: 0px !important;
     box-shadow: none !important;
    /* color: #fff !important;
      background: linear-gradient(90deg, #e91b27, #3631ab); */
}
















.listpg-contnr .contnr-tripltab .aca-tabs {
    margin-top: 6px;
}





/* Tabs */
.tabnw-container {
  /* display: flex;
  flex-wrap: wrap;
  gap: 10px; */
}

.tab-select {
  padding: 10px 20px;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  font-weight: 500;
  transition: 0.3s;
  text-align: center;
  color: #bd4277;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  border:1px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, #e63946, #5c4efc) border-box;
}

.tab-select.active {
  border-color: #f6ff80;
  color: #fff !important;
  background: linear-gradient(90deg, #e91b27, #3631ab);
}



.contnr-tripltab ul.tabs li.active {
  border-color: #f6ff80;
  background: linear-gradient(90deg, #e91b27, #3631ab);
}

.contnr-tripltab ul.tabs li.active a span{
    color: #fff !important;
}




.tab-select:hover {
  color: #fff !important;
  background: linear-gradient(90deg, #e91b27, #3631ab);
}

/* Dropdown Container */
.dropdown-wrapper {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease, padding 0.3s ease;
}

/* Active (open) state */
.dropdown-wrapper.active {
  max-height: 600px; /* enough height for content */
  padding-top: 20px;
}

/* Dropdown Box */
.dropdown-box {
  background: #351e43;
  color: #fff;
  border-radius: 8px;
  padding: 25px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}

/* Columns */
.dropdown-column {
  flex: 1 1 250px;
  min-width: 200px;
}

.dropdown-column p {
  margin: 10px 0;
  font-size: 15px;
  cursor: pointer;
}


.dropdown-column p:hover {
  text-decoration: underline;
  color: #f9aee9;
}



.tabnw-container .tab-select{
    padding: 3px 5px !important;
}

.tabnw-container .tab-select select.form-control{
    border:0px;
    background-color: transparent;
    text-align: center;
    color: #bd4277 !important;
    font-size: 17px;
    font-weight: 500;
}



.tabnw-container .tab-select:hover select.form-control{
    color: #fff !important;
}






/* Responsive */
@media (max-width: 768px) {
  .dropdown-box {
    flex-direction: column;
  }
  .tabnw-container {
    flex-direction: column;
  }
}



.tabnw-container .tab-select  select.form-control{

}





.tabnw-container .tab-select select.form-control {
     background-image:  url(../images/down-arow-color.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size:24px; 
} 

.tab-select .tabnw-container {}


.tabnw-container .form-control {
    width: 100%;
    padding: 8px 12px;
    font-size: 18px;
    border: 1px solid #888;
    border-radius: 6px;
    background-color: #1e1e2f; /* background of select */
    color: #ffffff;            /* text color */
    appearance: none;          /* removes default arrow on some browsers */
    -webkit-appearance: none;
    -moz-appearance: none;
     /* background: url("https://tcea.campusjadugar.com//Student-Assets-New/images/a-r.png") no-repeat; */
   
    cursor: pointer;
  }

  /* Hover/focus effect */
 .tabnw-container .form-control:hover,
 .tabnw-container .form-control:focus {
    border-color: #5c4efc;
    outline: none;
    box-shadow: 0 0 5px rgba(92, 78, 252, 0.5);

        background-image:  url(../images/down-arow.png) !important;
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size:24px; 
  }

  /* Change <option> styles (supported in most modern browsers) */
  .tabnw-container .form-control option {
    background-color:#301e42;
    color: #fff;
    padding: 3px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
  }

  /* Optional: highlight hovered option (works in some browsers) */
  .tabnw-container .form-control option:hover {
    background-color: #5c4efc;
    color: #fff;
  }

   .contnr-tripltab .question-box .options{

       display: inline-flex !important;
       width: 100% !important;
   }




  












/***************************************************************

                         RESPONSIVE

****************************************************************/

@media only screen and (max-width:1500px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 1180px;

    }



    .main {

        padding-bottom: 60px;

    }



    .main .call-mail {

        height: 60px;

    }



    .call-mail li p {

        font-size: 14px;
        line-height: 30px;

    }



    .call-mail li img {

        width: 30px;
        padding: 5px;
        margin-right: 4px;

    }



    .call-mail ul {

        margin-top: 20px;

    }



    .call-mail li:nth-child(2) {

        font-size: 20px;

        margin: -2px 5px 0;

    }



    img.top_red_bg {

        max-width: 910px;

    }



    img.bottom_blue_bg {

        max-width: 775px;

    }



    .login:before {
        width: 580px;
        height: 550px;
        background-size: contain;

    }



    .login-form img {

        float: none;
        /* max-width: 100%; */
        margin: 0px auto;

    }



    .login-form form label {

        font-size: 15px;

        line-height: 28px;

        margin-top: 6px;

    }



    .login-form {
        max-width: 400px;

    }



    .login-form form input {

        height: 48px;
        padding: 0 15px 0px 50px;
        border-radius: 10px;
        font-size: 14px;
        margin-top: 25px;

    }

    .frgt-pswrd form input {

        height: 48px;
        padding: 0 15px 0px 50px;
        border-radius: 10px;
        font-size: 14px;
        margin-top: 6px;
    }

    .frgt-pswrd .form-control {
        margin-top: 4px;
    }

    .frgt-pswrd {
        margin: 70px 0px 86px;
    }



    .login-form form input[type="submit"] {

        /* width: 156px !important; */
        display: inline-block;
        font-size: 14px;
        margin-top: 20px;
    }



    .login:after {

        max-width: 415px;

        height: 160px;

    }



    .login {

        border-radius: 0px;
        padding: 25px 100px 50px;
        margin-bottom: 100px;

    }



    img.login-logo {

        max-width: 240px;

        right: 127px;

        bottom: 86px;

    }


    .bitlogo.bitlogo {
        margin: 0px auto;
        padding: 0px 10px;
    }



    .bottom-box {

        border-radius: 12px;

        height: 275px;

        padding: 25px 16px 0;

        margin-bottom: 30px;

    }



    .bottom-box h4 {

        font-size: 17px;

        line-height: 20px;

        margin-bottom: 8px;

    }



    .bottom-box p {

        font-size: 13px;

        line-height: 20px;

    }



    .bottom-box:before {

        right: 15px;
        bottom: -1px;
        max-width: 110px;
        height: 50px;

    }



    .login-bottom {

        margin-top: 46px;

    }



    header.main-head {

        height: 68px;

    }



    .logo img {

        max-width: 145px;

    }



    .logo {

        line-height: 68px;

    }



    .login-section li figure {
        height: 35px;
        width: 35px;
        line-height: 35px;
        margin-right: 6px;
    }

    .login-section li figure img {
        width: 18px;
        height: 18px;
    }

    .login-section li p {
        font-size: 13px;
        line-height: inherit;
        margin-top: 6px;
    }

    .login-section li:first-child figure {
        width: 35px;
        height: 35px;
    }

    .login-section li:first-child figure img {
        height: 25px;
        width: 25px;
    }

    .white-bg.white-bg h6, .verift-otp {
        font-size: 36px;
        line-height: 50px;

    }



    .login-section li h6 {

        font-size: 12px;

    }



    .welcome {

        margin-top: 3px;

    }



    .login-section {

        margin-top: 15px;

    }



    .header-bottom li {

        border-radius: 6px;

        height: 36px;

        line-height: 36px;

        margin-right: 16px;

        font-size: 13px;

        padding: 0 28px 0 40px;

    }



    .header-bottom li:before {

        height: 7px;

        width: 7px;

        left: 28px;

    }



    .header-bottom {

        height: 75px;

    }



    .header-bottom ul {

        line-height: 75px;

    }


    /* 
    section.today {
        margin-top: 60px;
    } */



    table.stu-table td,

    table.stu-table th {
        padding: 0 6px;
        font-size: 15px;
    }



    table.stu-table tr {

        height: 45px;

    }



    table.stu-table tr td a {

        /* width: 110px; */
        height: 34px;
        font-size: 11px;
        line-height: 12px;

    }



    .main-table h3,

    .main-table h3,

    .official.pro-progress h3,

    .lib-bottom h4,

    .comm-head h4 {
        font-size: 18px;
        padding: 0 15px;
        height: 46px;
        line-height: 46px;

    }






    .official li {

        width: 170px;
        height: 165px;
        border-radius: 14px;
        margin-bottom: 17px;
        margin-left: 9px;
        margin-right: 9px;

    }



    .official li figure {
        width: 55px;
        height: 55px;
        line-height: 55px;
        margin: -20px 15px 40px;
    }



    .official li figure img {
        width: 36px;
    }



    .official.official li span {
        font-size: 15px;
    }



    .official {

        padding: 60px 0;

    }



    .event {

        border-radius: 16px;

        padding: 0 18px 18px;

    }



    .event-title {

        height: 65px;

        line-height: 65px;

    }



    .event-title h3 {

        font-size: 20px;

        line-height: 65px;

    }



    .event-title ul li a {

        height: 38px;

        line-height: 38px;

        padding: 0 20px;

        font-size: 13px;

    }



    .event-single {

        border-radius: 10px;

        padding: 15px;

    }



    .event-img img {

        height: 100px;

        border-radius: 6px;

    }



    .date {

        height: 48px;

        width: 48px;

        border: 3px solid #FFFFFF;

        right: 5px;

        bottom: -24px;

    }



    .date p {

        font-size: 19px !important;

        line-height: 15px !important;

        margin-top: 8px;

    }



    .date p span {

        font-size: 11px;

    }



    .event-img {

        margin-bottom: 16px;

    }



    .event-single h5 {

        font-size: 16px;

        line-height: 16px;

    }



    .event-single h6 {

        font-size: 12px;

        line-height: 19px;

        padding-left: 13px;

        margin: 4px 0;

    }



    .event-single p {

        font-size: 14px;

        line-height: 20px;

    }



    .today-right {

        border-radius: 16px;
        /* padding: 28px 20px; */
        padding: 0px 0px 28px;

    }



    .main-table {
        border-radius: 16px;
    }



    .todo h4,

    .medi-right h4 {

        border-radius: 6px;

        font-size: 17px;

        height: 45px;

        line-height: 45px;

        padding: 0 20px;

        margin-bottom: 18px;

    }



    .todo li h6 {

        font-size: 14px;

        line-height: 18px;

    }



    .todo li p {

        font-size: 13px;

        line-height: 20px;

    }



    .todo li:before,

    .top:before {

        width: 16px;

        height: 16px;

    }



    .todo li {

        margin-bottom: 10px;

        padding-bottom: 10px;

        padding-left: 32px;

    }



    .todo-1-inner {

        padding: 16px 13px;

        border-radius: 12px;

        margin-bottom: 28px;

    }



    .todo-1-inner li {

        border-radius: 12px;

        padding: 12px 48px 12px;

        margin-right: 14px;

    }



    .todo.todo-1 h6 {

        margin-bottom: 2px;

        font-size: 13px;

        line-height: 17px;

    }



    .date-view span,

    .date-view a {

        font-size: 13px;

        line-height: 20px;

        margin-right: 12px;

    }



    .scrollbar {

        height: 328px;

    }



    #style-3::-webkit-scrollbar {

        width: 6px;

        border-radius: 6px;

    }



    footer.main-foot p {

        font-size: 13px;

    }


    /* 
    footer.main-foot {

        height: 80px;

        line-height: 80px;

        margin-top: 60px;

    } */



    .head-title h1 {

        font-size: 32px;

        line-height: 28px;

    }



    .header-bottom-other li {

        font-size: 13px;

        line-height: 30px;

    }



    .header-bottom-other li:nth-child(2) {
        margin: 0 6px;
    }



    .header-bottom-other {

        height: 100px;

        padding-top: 22px;

    }



    .back-main a,

    .today-left-inner a {

        height: 42px;

        line-height: 42px;

        font-size: 12px;

    }



    .back-main a:first-child,

    .today-left-inner a {

        width: 135px;

    }



    .back-main a:last-child {

        /* width: 210px; */

        margin-left: 18px;

        letter-spacing: 0.1em;

    }



    .back-main a:first-child img,

    .today-left-inner a img {

        width: 16px;

    }



    .back-main a:last-child img,

    .search-right a img {

        width: 22px;

    }



    .back {

        /* height: 75px; */

    }



    .back-main {

        margin-top: 16px;

    }



    .today-left-inner h2 {

        font-size: 32px;

        line-height: 26px;

        margin-bottom: 16px;

    }



    .today-left-inner p {

        max-width: 655px;

        font-size: 13px;

        line-height: 20px;

        margin-bottom: 22px;

    }



    .preview-justify p {

        max-width: inherit;

    }



    .preview-justify {

        max-width: 700px;

    }



    .docs li {

        height: 46px;

        line-height: 46px;

        border-radius: 12px;

        margin-bottom: 17px;

        font-size: 13px;

    }



    .docs li img {

        width: 20px;

        left: 22px;

        top: 13px;

    }



    .docs {

        margin-top: 50px;

    }



    .today-right.medi-right {

        height: 480px;

    }



    .docs.leav-dic li {

        text-align: left;

        padding-left: 52px;

    }



    .search-inner {
        border-radius: 18px;
        padding: 25px;
    }

    .main-search {
        padding-top: 60px;
    }

    .assignment_sec .main-search {
        padding-top: 0px;
    }

    .search-left input {
        height: 42px;
        border: 1px solid #807373;
        border-radius: 8px;
        font-size: 13px;
        padding: 0 18px;
    }

    .search-left figure {
        width: 30px;
        height: 30px;
        line-height: 26px;
        right: 10px;
        margin-top: -15px;
    }



    .search-left figure img {

        width: 15px;

    }



    .search-right a {

        width: 280px;

        height: 42px;

        font-size: 12px;

        line-height: 42px;

    }



    .docu-table table.stu-table tr {

        height: 52px;

    }



    .docu-table table.stu-table tr td:first-child {

        /*padding-left: 62px;*/
        padding-left: 24px;

        font-size: 14px;

    }



    .docu-table table.stu-table tr td:first-child::before {

        top: 16px;

        left: 30px;

        width: 18px;

        height: 18px;

    }



    .top {

        height: 46px;

        border-radius: 8px;

    }



    .top h5 {

        margin-left: 10px;

        font-size: 13px;

        line-height: 46px;

        padding-left: 20px;

    }



    .bottom p {

        font-size: 13px;

        line-height: 20px;

    }



    .bottom {

        padding: 10px 0;

    }



    .accor {

        border-radius: 10px;

        margin-bottom: 12px;

        padding: 0 18px 0;

    }



    img.faq-img {

        top: 28px;

        right: -54px;

        max-width: 150px;

    }



    button.btn1 img {

        width: 8px;

    }



    .btn1 {

        top: 11px;

    }



    .top:before {

        margin-top: -8px;

    }



    .main-table.docu-table h3 {

        padding: 0 30px;

    }



    table.stu-table.stu-table-doc a {

        height: 32px;

        width: 32px;

        line-height: 28px;

        border: 1px solid #DBD9F1;

    }



    table.stu-table.stu-table-doc a img {

        width: 18px;

    }



    table.stu-table.stu-table-doc tr td:nth-child(4) {

        font-size: 14px;

    }



    .pro-detail h2 {

        font-size: 28px;

        line-height: 26px;

        margin-bottom: 12px;

    }



    .pro-detail ul li {

        font-size: 13px;

        line-height: 24px;

        margin-right: 25px;

        padding-right: 25px;

    }



    .pro-detail ul li img {

        margin-right: 8px;

        width: 19px;

    }



    .avatar-preview {

        width: 162px;

        height: 165px;

        border-radius: 14px;

        border: 4px solid #fff;

    }



    .avatar-edit label {

        width: 50px;

        height: 50px;

        border: 3px solid #fff;

    }



    .avatar-edit:after {

        width: 20px;

        height: 20px;

    }



    .pro-img {

        margin-right: 30px;

    }



    .pro-detail {

        padding-top: 30px;

    }



    .avatar-upload {

        margin-top: -45px;

    }



    .profile {

        /* height: 165px; */
        height: auto;

    }



    .avatar-edit {

        bottom: -25px;

    }



    .pro-detail ul li:before {

        height: 12px;

    }



    a.dtl {

        /* width: 115px; */

        height: 32px;

        line-height: 32px;

        font-size: 11px;

        margin: 10px 20px 0 0;

    }



    table.stu-table.pro-table th span {

        font-size: 11px;

    }



    table.stu-table.pro-table tr td:nth-child(4) span {

        border-radius: 100px;

        width: 60px;

        height: 24px;

        line-height: 24px;

    }



    table.stu-table.pro-table tr td:last-child img {

        width: 55px;

    }



    .official.pro-progress li {

        height: 240px;

    }



    .official.pro-progress {

        padding: 30px 0;

    }



    .official.pro-progress h3,

    .lib-bottom h4,

    .comm-head h4 {

        padding: 0;

    }



    .lib-top {

        height: 150px;

    }



    .lib-top img {

        max-width: 270px;

    }



    .lib-bottom {

        padding: 28px 15px 15px;

    }



    .lib-bottom li {

        height: 60px;

        border-radius: 12px;

        line-height: 60px;

        padding: 0 15px;

        font-size: 14px;

        margin-bottom: 12px;

    }



    .lib-bottom li a {

        font-size: 13px;

        height: 32px;

        line-height: 32px;

        padding: 0 20px;

        right: 15px;

    }



    .comm-head a {

        font-size: 12px;

        width: 100px;

        height: 35px;

        line-height: 35px;

    }



    ul.tabs li span {

        padding: 0 13px;

        font-size: 11px;

        height: 32px;

        line-height: 32px;

    }



    .comm {

        padding: 20px 15px 15px;

    }



    ul.tabs {

        margin-bottom: 25px;

    }



    .tab li {

        border-radius: 10px;

        height: 70px;

        padding: 12px;

        margin-bottom: 18px;

    }



    .tab li figure {

        border-radius: 8px;

        height: 40px;

        width: 40px;

        line-height: 40px;

        margin-right: 10px;

    }



    .tab li figure img {

        width: 15px;

    }



    .tab li p {

        font-size: 13px;

        line-height: 20px;

    }



    .lib,

    .comm {

        height: 460px;

    }



    ul.sub li {

        height: 50px;

        border-radius: 10px;

        line-height: 50px;

        font-size: 14px;

        margin-bottom: 5px;

    }



    ul.sub li:before {

        left: 18px;

    }



    ul.sub li a {
        padding-left: 45px;
        line-height: 14px;
        font-size: 13px;
        padding-top: 12px;

    }



    ul.sub li:after {

        right: 15px;

        width: 8px;

        height: 8px;

    }



    ul.sub {

        margin-bottom: 35px;

    }



    .note {

        border-radius: 10px;

        padding: 11px;

    }



    .note li {

        border-radius: 10px;

        padding: 11px !important;

        height: 105px;

        margin-bottom: 11px;

    }



    .note-left {

        width: 60px;

        height: 60px;

        margin-right: 20px;

    }



    .note-left img {

        border-radius: 12px;

    }



    .note li .date {

        right: -12px;

    }



    .e-pay {

        border-radius: 16px;

        padding: 22px 15px;

        margin-top: 30px;

    }



    .e-pay h3 {

        font-size: 20px;

    }



    .e-pay h3 img {

        width: 28px;

        margin-right: 5px;

    }



    .e-pay ul {

        margin-top: 28px;

    }



    .e-pay li {

        height: 50px;

        line-height: 50px;

        border-radius: 12px;

        margin-bottom: 12px;

        padding: 0 16px;

    }



    .e-pay li p,

    .e-pay li span {

        font-size: 13px;

    }



    .e-pay button {

        width: 138px;

        height: 42px;

        border-radius: 8px;

        font-size: 12px;

        margin-top: 12px;

    }



    .e-pay a {

        font-size: 12px;

        line-height: 16px;

        margin-top: 36px;

    }



    img.money {

        width: 100px;

    }



    .progress-circle {

        margin: 50px auto 30px;

        transform: scale(1.2);

    }



    .official.pro-progress li p {

        font-size: 15px;

    }



    span.dt {

        font-size: 14px;

        margin-bottom: 20px;

    }



    .sign img {

        max-width: 120px;

    }



    .file-upload-wrapper:before {

        font-size: 10px;

    }



    .file-upload-wrapper:after {

        font-size: 13px;

    }



    .search-left input[type="text"],
    .select2-selection__rendered {

        height: 42px !important;
        line-height: 42px !important;
        font-size: 13px !important;
        padding: 0 25px !important;
        background: #fff !important;
        border-radius: 8px !important;
        color: #9ab0c3 !important;
        border: 1px solid rgba(128, 115, 115, 0.5);
        width: 100%;

    }


    .search_button button,
    .search_button input {
        font-size: 14px;
        width: 48%;
        border-radius: 8px;
        height: 48px;
        line-height: 36px;
    }

    .table-borderless td b {
        font-size: 15px;
        font-weight: 500 !important;
    }


    .table-borderless .form-control {
        font-size: 0.85rem;
    }

    img.cj_logo {
        max-width: 125px;
    }

    img.techno_logo {
        max-width: 165px;
        top: 3px;
    }

    .logo a:last-child {
        margin-left: 12px;
        padding-left: 12px;
    }

    .logo a:last-child:before {
        top: 4px;
        height: 38px;
    }

    footer.main-foot h5 {
        font-size: 14px;
        margin-bottom: 12px;
    }

    footer.main-foot p {
        line-height: 20px;
    }

    .contact li img {
        width: 26px;
        height: 26px;
    }

    .contact li {
        gap: 5px;
    }

    .contact li:last-child {
        margin-top: 15px;
    }

    .social li a {
        width: 36px;
        height: 36px;
    }

    .social li img {
        width: 16px;
    }

    .social p {
        font-size: 10px !important;
        margin-top: 15px;
        gap: 5px;
    }

    .social img {
        width: 20px;
    }

    footer.main-foot {
        padding: 35px 0 20px;
    }

    .info {
        padding-left: 35px;
    }






    .mockndex-wrapper ul li {
            font-size: 12px;
            line-height: 20px;
        }

    .bnr-contbx h1 {
            font-size: 38px;
        }

     .bnr-contbx span {
        font-size: 13px;}

     .bnr-contbx ul li {
        font-size: 13px;
        line-height: 20px;
    }

    .bnr-contbx ul li .circl {
        width: 36px;
        height: 36px;
        line-height: 28px;
    }

    .bnr-contbx ul li .circl img{
        width:70%;
    }

    .reg_butn {
        background-color: #fff;
        border-radius: 10px;
        padding: 8px 22px;
        margin-top: 15px;
        font-size: 16px;
        line-height: 25px; }

    .bnr-contbx {
        padding-left: 37%;
        margin-top: 60px;}

    .medal-bx {
        left: 9%;
        width: 180px; }

    .olympd-bannr{
        height: 275px; }

    .olympd-bannr::before {
        width: 344px; }

    .crvbx-bg h5 {
        font-size: 26px; }

    .crvbx-bg p {
        font-size: 15px;
        line-height: 22px; }  
        
    .leader_boad_butn {
        padding: 4px 24px;
        margin-top: 15px;
        font-size: 15px;
        line-height: 34px;
        border-radius: 12px;
     }  

    .crvbx-bg .datbx {
         font-size: 14px; 
         line-height: 22px; }  

    .datbx img {
         width: 17px;}    

    .leadrbordbx .listbx p {
        margin-bottom: 10px;}





    .analysis-pag h3 {
        font-weight: 600;
        font-size: 22px;
        font-size: 23px;
        margin-bottom:12px;   
    }

    .leadrbordbx .listbx {
        height: 78px;}   

    .leadrbordbx .listbx .whit-crcl,
    .leadrbordbx .listbx .count-circl{
        height: 56px;}

    
    .leadrbordbx .listbx .studnt-nfo h5{
        font-size: 14px;
    }

    .leadrbordbx .listbx p {
        color: #3F2B2C;
        font-size: 13px;
        margin-bottom: 10px;}     

    .count-circl span {
        line-height:62px;
    } 

    .card-grup {
            border-radius: 16px;
            padding: 20px 13px;
            width: 31%;
            margin: 0 6px;
            height: 255px;
    } 

    .innr-pgs.aca .tab.analysis-pag .card-grup h2 {
           font-size: 32px;}  

    .card-grup p {
        font-size: 14px; }    


    .result-wrapper .school-header span {
        white-space: nowrap;
         font-size: 12px;}   


   .box-1 h6 {
    width: 60%;
    font-size: 26px;
    padding-left: 18px;}    

    .box-1{
        height: 200px;
    }  

    .txbox .rgtbox p {
        font-size: 13px; }


    .marks-circl {
        width: 90px;
        height: 90px; }   

    .marks-circl .numbr {
        font-size: 34px;
        line-height: 20px;
        margin-top: 25px; }   
        
    .marks-circl span {
        font-size: 13px;
        font-weight: 500;
    }   
    
    .txbox {
        margin-top: 20px;
        margin-left: 24px;
        width: 95%;}

    .txbox .rgtbox h3 {
      font-size: 30px; 
      line-height: 25px;
    }   

    .secbox-1 ul li, .secbox-2 ul li {
        font-size:15px;
        line-height: 40px;
        height: 40px;
        padding-left: 50px;
    }



     .txbox .rgtbox p{
        font-size: 16px;}   
        
}






@media only screen and (max-width:1230px) {

    img.faq-img {

        right: 0;

    }


    .count-circl span {
        line-height: 78px;
    }

}



@media only screen and (max-width:1199px) {



    .card-grup {
        width: 30%;  
    }

    .search_info_data ul li {
        font-size: 12px;
    }

    .search_info_data ul li {
        margin: 0 1% 15px;
        width: 31.33%;
    }

    img.top_red_bg {
        max-width: 650px;
    }

    img.bottom_blue_bg {
        max-width: 580px;
    }

    .login:after {
        max-width: 364px;
        height: 142px;
    }

    .login:before {
        max-width: 630px;
        height: 246px;
    }

    img.login-logo {
        max-width: 200px;
        right: 57px;
        bottom: 128px;
    }

    .bottom-box {
        height: 275px;
    }

    .search-right a {
        width: 230px;
    }

    .todo-1-inner li {
        border-radius: 10px;
        padding: 12px 30px 12px;
        margin-right: 10px;
    }



    .todo li:before,

    .top:before {

        width: 14px;

        height: 14px;

        left: 12px;

    }



    .todo-1-inner {

        padding: 16px 10px;

    }



    .event-img {

        margin-bottom: 30px;

    }



    .note-right h6 {

        font-size: 13px !important;

    }



    .note-right p {

        font-size: 12px !important;

        line-height: 18px !important;

    }



    ul.tabs li span {

        padding: 0 8px;

        font-size: 10px;

        height: 30px;

        line-height: 30px;

    }



    .tab li p {

        font-size: 12px;

        line-height: 18px;

    }



    .lib-bottom li {

        font-size: 13px;

    }



    .lib-bottom li a {

        font-size: 12px;

        height: 30px;

        line-height: 30px;

        padding: 0 16px;

    }

}



@media only screen and (max-width:991px) {


   .listbx .studnt_imgbx {
        left: 8px;
        top: 18px;
        width: 36px;
    }


    .search_info_data ul li {

        width: 48%;

    }





    img.top_red_bg {

        max-width: 576px;

    }



    img.bottom_blue_bg {

        max-width: 434px;

    }



    .login:before {
        max-width: 555px;
        height: 515px;
    }



    img.login-logo {

        max-width: 163px;

        right: 44px;

        bottom: 174px;

    }



    .login {

        border-radius: 20px;

        padding: 50px 54px 55px;

    }



    .bottom-box {

        height: 340px;

        padding: 20px 15px 0;

    }



    .login-section li a {

        margin-left: 25px;

    }



    .todo h4,

    .medi-right h4 {

        border-radius: 5px;

        font-size: 15px;

        padding: 0 15px;

    }



    .docs li {

        border-radius: 8px;

        margin-bottom: 15px;

        font-size: 12px;

        line-height: inherit;

    }



    .today-right {

        padding: 28px 15px;

    }



    .docs li a {

        display: block;

        color: #393CAB;

        position: absolute;

        top: 50%;

        left: 0;

        transform: translate(0, -50%);

        width: 96%;

        padding-left: 35px;

    }



    .docs.leav-dic li {

        padding-left: inherit;

    }



    .docs.leav-dic li img {

        width: 18px;

        left: 12px;

        top: 4px;

        margin: inherit;

    }



    .today-right.medi-right {

        height: 370px;

    }



    .logo img {

        max-width: 110px;

    }



    .docs li img {

        top: 0;

        bottom: 0;

        margin: auto;

    }



    .search-right a {

        width: 190px;

        font-size: 11px;

    }



    .top h5 {

        line-height: inherit;

        padding-left: 15px;

        position: absolute;

        left: 0;

        top: 50%;

        transform: translate(0, -50%);

        width: 88%;

    }



    .accor {

        padding: 0 12px 0;

    }



    img.faq-img {

        max-width: 120px;

    }



    .docu-table table.stu-table tr td:first-child {

        padding-left: 40px;

        font-size: 13px;

    }



    .docu-table table.stu-table tr td:first-child::before {

        left: 14px;

        width: 16px;

        height: 16px;

    }



    table.stu-table tr td a {

        /* width: 95px; */

        height: 30px;

        line-height: 30px;

        font-size: 10px;

    }



    table.stu-table tr td a {

        /* width: 85px; */

        height: 28px;

        line-height: 28px;

    }



    .todo.todo-1 h6 {

        font-size: 12px;

        line-height: 16px;

    }



    .date-view span,

    .date-view a {

        font-size: 11px;

        line-height: 15px;

        margin-right: 1px;

    }



    .date-view a {

        margin-right: 0;

    }



    .todo li h6 {

        font-size: 13px;

        line-height: 15px;

    }



    .todo li p {

        font-size: 12px;

        line-height: 18px;

    }



    .official li {

        width: 145px;

        height: 150px;

        border-radius: 12px;

        margin-bottom: 16px;

    }



    .official li figure {

        width: 58px;

        height: 58px;

        line-height: 58px;

    }



    .official li span {

        font-size: 12px;

    }



    .official li a {

        padding-top: 30px;

    }



    .event-single {

        border-radius: 8px;

        padding: 10px;

    }



    .event-img img {

        height: 75px;

        border-radius: 5px;

    }



    .date {

        height: 42px;

        width: 42px;

        border: 2px solid #FFFFFF;

        right: 4px;

        bottom: -21px;

    }



    .event-single h5 {

        font-size: 14px;

    }



    .event-single h6 {

        font-size: 11px;

    }



    .event-single p {

        font-size: 13px;

        line-height: 18px;

    }



    .event {

        border-radius: 14px;

        padding: 0 12px 12px;

    }



    .date p {

        font-size: 16px !important;

        line-height: 13px !important;

        margin-top: 8px;

    }



    .date p span {

        font-size: 10px;

    }



    table.stu-table th {

        font-size: 12px;

    }



    .avatar-preview {

        width: 140px;

        height: 142px;

        border-radius: 12px;

        border: 3px solid #fff;

    }



    .pro-detail {

        padding-top: 20px;

    }



    .pro-detail ul li {

        font-size: 12px;

        line-height: 24px;

        margin-right: 16px;

        padding-right: 16px;

    }



    .pro-img {

        margin-right: 20px;

    }



    .avatar-edit label {

        width: 45px;

        height: 45px;

    }



    .avatar-edit:after {

        top: -5px;

    }



    .pro-detail ul {

        margin-bottom: 5px;

    }



    .pro-detail h2 {

        font-size: 25px;

        line-height: 18px;

        margin-bottom: 10px;

    }



    .profile {

        /* height: 130px; */

    }



    table.stu-table.pro-table tr td:nth-child(4) span {

        width: 52px;

        height: 23px;

        line-height: 23px;

        font-size: 11px;

    }



    table.stu-table.pro-table tr td:last-child img {

        width: 48px;

    }



    ul.sub li {

        font-size: 12px;

    }



    ul.sub li a {

        padding-left: 35px;

    }



    ul.sub li:before {

        left: 15px;

    }



    .note li {

        border-radius: 8px;

        padding: 6px !important;

        height: 100px;

        margin-bottom: 11px;

    }



    .note-left {

        width: 50px;

        height: 50px;

        margin-right: 10px;

    }



    .note li .date {

        right: -8px;

    }



    .e-pay h3 {

        font-size: 18px;

    }



    .e-pay li p,

    .e-pay li span {

        font-size: 12px;

    }



    .e-pay li {

        border-radius: 10px;

        padding: 0 8px;

    }



    img.money {

        width: 80px;

    }



    .comm {

        padding: 20px 10px 15px;

    }



    .comm-head h4 {

        font-size: 18px;

    }



    .comm-head a {

        font-size: 12px;

        width: 90px;

        height: 32px;

        line-height: 32px;

    }



    .tab li {

        padding: 8px;

    }



    .lib-bottom li {

        font-size: 12px;

        padding: 0 10px;

    }



    .lib-bottom li a {

        font-size: 9px;

        height: 28px;

        line-height: 28px;

        padding: 0 10px;

        right: 5px;

    }



    .lib-bottom {

        padding: 28px 8px 15px;

    }



    .progress-circle {

        margin: 30px auto 15px;

        transform: scale(1.0);

    }



    .official.pro-progress li p {

        font-size: 13px;

    }

    .official.pro-progress li {
        height: 190px;
    }


    .listpg-contnr .contnr-tripltab ul li span {
         padding: 8px 0px !important;
         font-size: 16px !important;
    }
    

}


@media only screen and (max-width:768px) {

    .tabpg-contnr .lft-panel-bx.lft-panel-bx {
        width: 38% !important;
    }

    .school-header{
         font-size: 14px;
         padding: 8px 20px;
         text-align: center;
         flex-wrap: wrap;
    }

    .mock_tab_contnr ul.tabs.aca-tabs li {
        width: 155px; }



    .student-card {
        width: 140px;
        height: 140px;
     }

      .student-card h3 {
        font-size: 14px;
      }

      .school-header {
            font-size: 14px;
            text-align: center;
      }  


      .innr-pgs.aca .tab p {
            max-width: 100%;
            margin-bottom: 6px;
        }
     

        .listpg-contnr .contnr-tripltab ul li span {
                padding: 8px 0px !important;
                font-size: 12px !important;
         }

         .tabnw-container .tab-select select.form-control{
                 font-size: 12px;
         }

         .listpg-contnr .contnr-tripltab ul li {
            height: 42px;
         }

        .listpg-contnr .contnr-tripltab ul li span {
            line-height: 26px !important;
         }


}



@media only screen and (max-width:767px) {

    .call-mail li p {

        font-size: 13px;

    }



    .call-mail li img {
        width: 25px;
        margin-right: 4px;
    }



    /* .call-mail li:nth-child(2) {
        font-size: 16px;
        margin: -2px 10px 0;
    } */



    .main .call-mail {

        height: 50px;

    }



    .call-mail ul {

        margin-top: 14px;

    }



    .login:before {

        max-width: 450px;
        height: 425px;

    }



    img.login-logo {

        max-width: 120px;

        right: 32px;

        bottom: 170px;

    }



    .login {

        padding: 10px 34px 35px;

    }



    .login-form img {

        max-width: 150px;
        height: 70px;

    }

    .bitlogo li:last-child:before {
        top: 18px;
    }



    .login-form form label {

        font-size: 13px;

        line-height: 26px;

    }



    .login-form {

        max-width: 290px;

    }



    .login-form form input {
        height: 42px;
        padding: 0 15px 0 46px;
        font-size: 13px;
    }

    .login-form .r_icnbx {
        top: 5px;
        line-height: 28px;
    }



    .login-form form input[type="submit"] {

        /* width: 126px !important; */

        font-size: 13px;

        margin-top: 18px;

    }



    .login:after {

        max-width: 274px;

        height: 105px;

    }



    .login-bottom {

        margin-top: 30px;

    }



    .bottom-box {

        height: auto;

        padding: 15px;

        margin-bottom: 15px;

    }



    .bottom-box.bottom-box:before {

        max-width: 68px;
        height: 32px;
        right: 20px;

    }



    img.bottom_blue_bg {

        max-width: 324px;

    }



    .main {

        padding-bottom: 40px;

    }



    .header-bottom-other {

        height: 80px;

        padding-top: 22px;

    }



    .login-section li a {

        margin-left: 15px;

    }



    .login-section li p {

        font-size: 10px;

    }



    .login-section li:first-child figure {

        width: 30px;

        height: 30px;

    }



    .login-section li figure {

        height: 30px;

        width: 30px;

        line-height: 30px;

        margin-right: 4px;

    }



    .login-section li figure img {

        width: 14px;

        height: 14px;

    }



    .login-section li:first-child figure img {

        height: 22px;

        width: 22px;

    }



    .login-section li h6 {

        font-size: 10px;

    }



    header.main-head {

        height: 60px;

    }



    .logo {

        line-height: 60px;

    }



    .logo img {

        max-width: 105px;

    }



    .head-title h1 {

        font-size: 25px;

        line-height: 18px;

    }



    .header-bottom-other {

        height: 64px;

        padding-top: 13px;

    }



    .back-main a:first-child,

    .today-left-inner a {

        width: 110px;

    }



    .back-main a:last-child {

        /* width: 190px; */

        margin-left: 12px;

    }



    .header-bottom-other li {

        font-size: 12px;

        line-height: 30px;

    }



    .header-bottom-other li:nth-child(2) {

        margin: 0 8px;

    }


    /* 
    section.today {
        margin-top: 40px;
    } */



    .today-left-inner h2 {

        font-size: 26px;

        line-height: 20px;

        margin-bottom: 14px;

    }



    .today-left-inner p {

        margin-bottom: 15px;

    }



    .today-right.medi-right {

        height: auto;

        margin-top: 30PX;

    }



    .docs li {

        max-width: 300px;

    }



    .docs li img {

        top: 0;

        bottom: 0;

        margin: auto;

    }



    .docs {

        margin-top: 26px;

    }



    footer.main-foot {

        height: 70px;

        line-height: 70px;

    }



    .docs.leav-dic li img {

        margin: auto;

        top: 0;

    }



    .header-bottom li {

        border-radius: 6px;

        height: 34px;

        line-height: 34px;

        font-size: 12px;

    }



    .header-bottom ul {

        line-height: 66px;

    }



    .header-bottom {

        height: 66px;

    }



    .main-search {

        padding-top: 30px;

    }



    .search-inner {

        border-radius: 14px;

        padding: 22px;

        display: inherit;

    }



    .search-left,

    .search-right {

        width: 100%;

        float: none;

        position: relative;

    }



    .search-right a {

        width: 200px;

        font-size: 11px;

        float: none;

        margin: 15px auto 0;

    }



    .main-table h3,

    .main-table h3,

    .official.pro-progress h3,

    .lib-bottom h4,

    .comm-head h4 {

        font-size: 18px;

        height: 44px;

        line-height: 44px;

    }



    .main-table {

        overflow-x: scroll;

    }



    table.stu-table td,

    table.stu-table th {

        white-space: nowrap;

    }



    .today-right.today-right-docu {

        margin-top: 30px;

    }



    .official {

        padding: 40px 0;

    }



    .official li {

        width: 140px;

        height: 138px;

    }



    .official li figure img {

        width: 23px;

    }



    .event-img img {

        height: 180px;

        border-radius: 6px;

    }



    .event-single {

        margin-bottom: 15px;

    }



    .event-title ul li a {

        height: 32px;

        line-height: 32px;

        padding: 0 15px;

        font-size: 11px;

    }



    .avatar-upload {

        margin-top: 15px;

    }



    .avatar-preview {

        width: 114px;

        height: 116px;

    }



    .pro-detail h2 {

        font-size: 22px;

        line-height: 14px;

        margin-bottom: 8px;

    }



    .pro-detail ul li img {

        margin-right: 6px;

        width: 15px;

    }



    .pro-detail ul li {

        line-height: 18px;

    }



    .pro-detail ul {

        margin-bottom: 2px;

    }



    .pro-img {

        margin-right: 15px;

    }



    .profile {

        /* height: 150px; */

    }



    .avatar-edit label {

        width: 38px;

        height: 38px;

    }



    .avatar-edit:after {

        width: 15px;

        height: 15px;

    }



    a.dtl {

        width: 103px;

        margin: 6px 20px 0 0;

    }



    .lib-bottom li {

        font-size: 13px;

        padding: 0 15px;

    }



    .lib-bottom li a {

        font-size: 11px;

        height: 28px;

        line-height: 28px;

        padding: 0 15px;

        right: 15px;

    }



    .comm {

        padding: 20px 15px 15px;

        margin: 25px 0;

    }



    ul.tabs li span {

        padding: 0 13px;

    }



    .lib,

    .comm {

        height: auto;

    }



    .note li {

        height: 90px;

    }



    .e-pay button {

        width: 120px;

        height: 38px;

        border-radius: 6px;

    }

    .file-upload_fld.file-upload_fld.file-upload_fld tr td {

        padding: 6px !important;

    }

}



@media only screen and (max-width:640px) {

    .search_info_data ul li {

        width: 98%;

    }

    .tabpg-contnr .lft-panel-bx.lft-panel-bx {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .innr-pgs.aca.tabpg-contnr .tab {
        display: block !important;
    }




}



@media only screen and (max-width:500px) {

    .call-mail li p {
        font-size: 10px;
        line-height: 19px;
    }



    .call-mail ul {
        margin-top: 16px;
    }



    /* .call-mail li:nth-child(2) {
        font-size: 15px;
        margin: -1px 8px 0;
    } */



    .main .call-mail li img {
        width: 20px;
        height: 20px;
        margin-right: 3px;
        padding: 3px;
    }



    .login {

        padding: 15px 20px 25px;
        margin-bottom: 0px;

    }



    .login:before {
        max-width: 244px;
        height: 225px;
    }



    .login-form img {

        max-width: 160px;

    }



    .login-form {

        max-width: 260px;

    }



    img.login-logo {

        max-width: 90px;
        right: 17px;
        bottom: 284px;

    }



    .login-form img {

        max-width: 160px;

        padding-bottom: 15px;

    }



    .login:after {

        max-width: 220px;

        height: 84px;

    }



    img.top_red_bg {

        max-width: 100%;

    }



    .main {

        padding-bottom: 30px;

    }



    header.main-head {

        height: inherit;

    }



    .logo {

        line-height: inherit;

        float: inherit;

    }



    .logo img {

        max-width: 105px;

        margin: 10px auto 0;

        display: block;

    }



    .login-section {

        margin: 12px 0;

        float: inherit;

    }



    .login-section li a {

        margin-left: 0;

    }



    .head-title h1 {

        font-size: 20px;

        line-height: 16px;

    }



    .header-bottom-other li {

        font-size: 11px;

        line-height: 28px;

    }



    .back-main {

        float: none;

        display: flex;

        margin-top: 0;

    }



    .back {

        height: 65px;

        position: relative;

    }



    .back-main {

        float: none;

        margin-top: 0;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

    }



    .back-main a,

    .today-left-inner a {

        height: 36px;

        line-height: 36px;

        font-size: 11px;

    }



    .back-main a:last-child {

        /* width: 170px; */

        margin-left: 12px;

    }



    .back-main a:first-child img,

    .today-left-inner a img {

        width: 13px;

    }



    .back-main a:last-child img,

    .search-right a img {

        width: 18px;

    }


    /* 
    section.today {
        margin-top: 30px;
    } */



    .today-left-inner h2 {

        font-size: 22px;

        line-height: 16px;

        margin-bottom: 12px;

    }



    .todo h4,

    .medi-right h4 {

        border-radius: 6px;

        font-size: 14px;

        height: 42px;

        line-height: 42px;

        padding: 0 15px;

        margin-bottom: 15px;

    }



    .docs li {

        height: 42px;

    }



    .today-right {

        border-radius: 12px;

    }



    footer.main-foot p {

        font-size: 12px;

    }



    footer.main-foot {

        height: 60px;

        line-height: 60px;

        margin-top: 40px;

    }



    .search-left input {

        height: 38px;

    }



    .search-right a {

        height: 38px;

        line-height: 38px;

    }



    .search-inner {

        border-radius: 14px;

        padding: 15px;

        display: inherit;

    }



    .docs.upload-doc li img {

        width: 16px;

    }



    img.faq-img {

        max-width: 100px;

    }



    .event-img img {

        height: 140px;

        border-radius: 6px;

    }



    .event-img {

        margin-bottom: 22px;

    }



    .event-single h5 {

        font-size: 16px;

    }



    .official {

        padding: 30px 0;

    }

    .official ul {
        justify-content: center;
    }



    .official li {

        width: 136px;

        height: 138px;
        margin-left: 6px;
        margin-right: 6px;

    }



    .official li figure {

        width: 54px;

        height: 54px;

        line-height: 54px;

    }



    .date-view span,

    .date-view a {

        margin-right: 20px;

    }



    .event-title ul li a {

        height: 30px;

        line-height: 30px;

        padding: 0 10px;

    }



    .pro-detail {

        padding-top: 18px;

    }



    .pro-detail h2 {

        font-size: 20px;

        line-height: 12px;

        margin-bottom: 6px;

    }



    .avatar-preview {

        width: 95px;

        height: 100px;

    }



    .pro-img {

        margin-right: 10px;

    }



    .pro-detail ul li {

        font-size: 11px;

        line-height: 24px;

        margin-right: 8px;

        padding-right: 8px;

        line-height: 14px;

    }



    .pro-detail ul {

        margin-bottom: 0px;

    }



    .progress-circle {

        margin: 15px auto 0px;

        transform: scale(.8);

    }



    .official.pro-progress li {

        height: 160px;

    }



    .note-left {

        margin-right: 15px;

    }



    .sign img {

        max-width: 100px;

    }



    span.dt {

        font-size: 13px;

    }



    img.tech-bg {

        margin-bottom: 20px;

    }

    .new-activee {
        display: block !important;
        position: absolute;
        right: 20px;
        z-index: 999;
        color: #fff;
        top: 20px;
    }

    .left-slidebar {
        position: fixed !important;
        top: 0;
        left: -100%;
        width: 225px !important;
        z-index: 999;
        height: 100%;
        transition: 0.4s all;
    }

    .lft-mnuu.lft-mnuu {
        left: 0;
        transition: 0.4s all;
    }

    .right_new {
        width: 100% !important;
    }

    .time-tbl-new tr td {
        font-size: 12px !important;
    }

    .time-tbl-new tr th {
        font-size: 12px !important;
    }

    .left-slidebar a {
        font-size: 12px !important;
        padding: 11px 5px 11px 12px !important;
    }

    .marquee-div marquee a {
        margin-right: 12px !important;
        padding-right: 12px !important;
        font-size: 13px !important;
    }

    .white_bg {
        width: 100% !important;
    }

    .news-wrap h4 {
        font-size: 12px !important;
        line-height: 19px !important;
    }

    .event_content p {
        font-size: 13px !important;
        margin: 12px 0 !important;
    }

    .event_content.event_content .news-wrap {
        gap: 8px !important;
    }

    .event-btn.event-btn.event-btn.event-btn.event-btn.event-btn.event-btn {
        height: auto;
        padding: 5px 10px;
        font-size: 10px;
        border-radius: 8px;
        flex: initial !important;
    }

    .docu-table {
        padding: 10px !important;
    }

    .search-inner {
        padding: 0 !important;
    }

    .marquee-div h5 {
        height: 36px;
        padding: 0 15px !important;
        font-size: 13px !important;
    }

    .three-btn.three-btn.three-btn.three-btn.three-btn a {
        height: 36px;
        padding: 0 10px;
        border-radius: 5px;
        font-size: 12px;
        gap: 5px;
        width: auto;
    }

    .three-btn a img {
        display: none !important;
    }

    .middle-content.middle-content.middle-content.middle-content.middle-content {
        width: 100%;
        padding: 6px 10px 20px;
    }

    /* .right-content.right-content.right-content.right-content.right-content{
        position: absolute;
        right: -105%;
        top: 0;
    } */

    .join-btn {
        font-size: 10px;
        padding: 2px;
    }

    .today_class table th {
        font-size: 13px;
        padding: 5px 5px;
    }

    .today_class table td {
        font-size: 12px;
        padding: 2px 5px;
    }

    .todo_left h4 {
        font-size: 12px;
    }

    .actv-mnuu.actv-mnuu.actv-mnuu.actv-mnuu {
        right: 0 !important;
        position: relative !important;
    }

    .three-bar-togl.three-bar-togl.three-bar-togl {
        display: inline-block !important;
    }

    .content-wrapper {
        display: block !important;
    }

    .new-active {
        transform: none !important;
    }

    .right-content {
        padding: 8px 10px 20px !important;
    }

    .right_content_inner {
        padding: 20px 14px !important;
    }

    .yoga-breadcramp.yoga-breadcramp li {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .menu-fig.menu-fig.menu-fig.menu-fig.menu-fig {
        height: 38px;
        width: 38px;
        border-radius: 10px;
        margin-bottom: 8px;
    }

    .menu-fig.menu-fig.menu-fig.menu-fig.menu-fig img {
        width: 18px;
    }

    .menu-card.menu-card.menu-card.menu-card p {
        font-size: 11px;
        line-height: 15px;
        height: 31px;
    }

    .menu-card>a:after {
        top: -18px !important;
        right: 30px !important;
        height: 27px !important;
        width: 20px !important;
    }

    .menu-card>a::before {
        right: -42px !important;
        height: 42px !important;
        width: 42px !important;
    }

    .menu-card>a {
        padding: 16px 10px !important;
        border-radius: 8px !important;
    }

    .like-comnt {
        padding: 5px 0 !important;
        gap: 5px !important;
    }

    .like-comnt.like-comnt.like-comnt a {
        height: 38px;
        border-radius: 6px;
        gap: 6px;
        font-size: 12px;
    }

    .like-comnt a img {
        width: 18px !important;
    }

    .like-comnt svg {
        font-size: 16px !important;
    }

    .srch-info {
        margin-top: 10px !important;
    }

    .srch-info.srch-info.srch-info.srch-info input[type="search"] {
        height: 40px;
        padding: 0 12px;
        border-radius: 8px;
        font-size: 12px;
    }

    .scrch-div {
        height: 28px !important;
        width: 28px !important;
    }

    .marquee-div h5:after {
        right: -9px !important;
    }

    .tabbs {
        margin-bottom: 10px !important;
    }

    .tabbs .tabb.active {
        margin-top: 10px !important;
    }

    .middle-content.middle-content ::-webkit-scrollbar {
        width: 8px !important;
    }
}

@media (max-width: 560px) {
    .three-btn.three-btn.three-btn.three-btn.three-btn a {
        font-size: 11px;
    }
}

.join-btn {
    background-color: #F31C28;
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: 11px;
    padding: 3px;
    border-radius: 4px;
}

.three-bar-togl {
    display: none !important;
}



@media (max-width: 1500px) {



    .right_subject_date select {
        height: 50px;
        border-radius: 12px;
        margin-top: 20px;
        font-size: 16px;
    }

    .month_wise_list ul li {
        width: 7.7%;
        margin: 0 0.3% 30px;
        border-radius: 16px
    }

    .month_wise_list ul li a {
        font-size: 13px;
    }



    .left_table_content h2 {
        font-size: 16px;
    }

    .sub_subject_section header {
        font-size: 18px;
    }

    .sub_subject_section .discussion {
        font-size: 14px;
    }



    .left_table_content ul li,
    .sub_subject_accord .sub_subject_accord_header h4 {
        font-size: 16px;
    }

    .left_table_content ul li a {
        padding: 26px 20px;
    }

    .sub_subject_accord .sub_subject_accord_header:before {
        width: 28px;
        height: 28px;
    }



    .sub_subject_accord .active_header_minus:before {
        width: 28px;
        height: 28px;
    }



    .sub_accord_content p {
        font-size: 16px;
    }

    .pdf_button {
        font-size: 16px;
        border-radius: 14px;
    }

    .sub_accord_right_button a {
        font-size: 15px;
        text-align: center;
        border-radius: 10px;
    }

    .sub_accord_right_button img {
        width: 80%;
    }

    .sub_accord_right_button a+a {
        margin-left: 4px;
    }



    .main_subject_body {
        border-radius: 15px;
    }


    .bottom-box.bottom-box h4:after {
        bottom: -10px;
        width: 135px;
    }

    .bottom-box h4 {
        margin-bottom: 18px;
    }





}





@media (max-width: 1024px) {



    .head-title h1 {
        font-size: 28px;
    }

    .month_wise_list ul li {
        border-radius: 12px;
    }

    .month_wise_list ul li a {
        font-size: 11px;
    }



    .right_published_color span {
        font-size: 15px;
    }

    .left_table_content h2 {
        font-size: 15px;
    }

    .sub_subject_section header {
        font-size: 16px;
    }

    .sub_subject_section .discussion {
        font-size: 13px;
    }

    .left_table_content ul li,
    .sub_subject_accord .sub_subject_accord_header h4 {
        font-size: 14px;
    }



    .sub_subject_accord .sub_subject_accord_header:before {
        width: 25px;
        height: 25px;
    }

    .right_subject_date select {
        font-size: 15px;
    }



    .sub_accord_content p {
        font-size: 14px;
    }

    .pdf_button {
        font-size: 14px;
        border-radius: 12px;
    }



    .sub_accord_right_button a {
        font-size: 14px;
        border-radius: 8px;
    }





}









@media (max-width: 768px) {



    .dataTables_length,

    .dataTables_filter,

    .dataTables_info {

        display: table;

        margin: 12px auto 0;

        float: none !important;

    }



    .dataTables_paginate .pagination {

        width: 100% !important;

        display: block !important;

        text-align: center !important;

    }



    .dataTables_paginate .pagination li {

        display: inline-block !important;

        vertical-align: middle;

    }







    .month_wise_list {
        margin-top: 5px;
    }

    .month_wise_list ul {
        text-align: center;
    }

    .month_wise_list ul li {
        width: 23.4%;
        margin: 0 0.8% 30px;
    }

    .right_subject_date_select {
        width: 100%;
        max-width: 400px;
    }



    .right_subject_date select {
        width: 100%;
    }





    .back-main {
        float: none;
        margin: 0px auto;
        width: 365px;
        padding-top: 16px;
    }



    .month_wise_section {
        margin: 30px 0px;
    }



    .left_table_content h2 {
        font-size: 12px;
    }

    .left_table_content ul li a {
        padding: 26px 4px;
    }

    .left_table_content ul li {
        font-size: 12px;
    }



    .sub_subject_section header {
        font-size: 14px;
    }

    .sub_subject_section .discussion {
        font-size: 11px;
        padding: 11px 25px;
    }

    .sub_subject_accord .sub_subject_accord_header h4 {
        font-size: 13px;
    }

    .sub_subject_accord .sub_subject_accord_header:before {

        width: 20px;
        height: 20px;
    }



    .sub_subject_section+.sub_subject_section {
        margin-top: 35px;
    }



    .left_table_content {
        min-height: 550px;
    }



    .login-section li p {
        font-size: 12px;
    }

    .month_wise_list ul li a {
        font-size: 13px;
    }



    .login-section li h6 {
        font-size: 9px;
    }





    .sub_accord_content {
        padding-right: 0px;
    }

    .pdf_button img {
        right: 12px;
    }



    .pdf_button {
        font-size: 12px;
        border-radius: 10px;
    }



    .sub_accord_body {
        padding-bottom: 85px;
    }

    .sub_accord_body .sub_accord_right_button {
        bottom: 18px;
        left: 0px;
        top: auto;
        right: auto;
    }



}





@media (max-width: 767px) {



    .left_table_content {
        margin-bottom: 35px;
    }

    .right_subject_date_select {
        width: 100%;
        max-width: 300px;
    }



    .main_subject_body {
        border-radius: 10px;
    }

    .sub_accord_content p {
        font-size: 12px;
    }



    .sub_accord_right_button a {
        padding: 10px 7px;
        border-radius: 6px;
    }

    .sub_accord_right_button a+a {
        margin-left: 1px;
    }



    .sub_subject_accord_body {
        padding: 25px 20px;
    }



    .pdf_button {
        padding: 12px 60px 12px 10px;
    }

    .pdf_button img {
        width: 28px;
    }



    .back-main {
        width: 318px;
        padding-top: 16px;
    }

}







@media (max-width: 640px) {



    .month_wise_list ul li a {
        font-size: 11px;
        padding: 30px 10px;
    }



    .right_subject_date_select {
        width: 100%;
        max-width: 270px;
    }

    .right_subject_date select {
        height: 45px;
        border-radius: 8px;
        margin-top: 16px;
    }



    .right_subject_date select {
        font-size: 14px;
    }

    .right_published_color span {
        font-size: 14px;
    }

    .head-title h1 {
        font-size: 24px;
    }

    .login-section li p {
        font-size: 10px;
    }



    .sub_subject_section header,
    .sub_subject_accord .sub_subject_accord_header,
    .month_wise_list ul li {
        border-radius: 10px;
    }



    .left_table_content {
        min-height: auto;
        float: none;
        overflow: hidden;
        margin-bottom: 25px;
    }





    .month_wise_list {
        margin-bottom: 2px;
    }



    .month_wise_list ul li {
        margin-bottom: 18px;
    }

    footer.main-foot {
        margin-top: 30px;
    }



    .left_table_content ul {
        margin-top: 10px;
    }

    .left_table_content ul li a {
        padding: 16px 4px;
    }



    .sub_subject_section header {
        margin-bottom: 18px;
    }

    .sub_subject_section header {
        padding: 16px 40px;
    }



    .sub_subject_section+.sub_subject_section {
        margin-top: 20px;
    }

    .sub_subject_section .discussion {
        padding: 8px 20px;
        top: -6px;
    }



    .right_published_color {
        line-height: 72px;
    }



}



@media (max-width: 520px) {



    .right_published_color span+span {
        margin-left: 10px;
    }

    .right_published_color span i {
        width: 10px;
        height: 10px;
    }

    .right_published_color span {
        font-size: 12px;
    }

    .right_subject_date_select {
        width: 100%;
        max-width: 235px;
    }

    .head-title h1 {
        font-size: 20px;
    }

}



@media (max-width: 500px) {



    .back-main {
        width: 292px;
        padding-top: 0px;
    }

    .right_published_color {
        float: none;
        line-height: 50px;
        text-align: center;
    }

    .tracker_breadcrumb {
        height: 55px;
    }

    .right_subject_date_select {
        float: none;
        margin: 0px auto;
    }

    .month_wise_list {
        margin-top: 40px;
    }



    .pdf_button {
        border-radius: 8px;
    }



}





@media (max-width: 480px) {



    .back-main {
        width: 292px;
        padding-top: 0px;
    }

    .right_published_color {
        float: none;
        line-height: 50px;
        text-align: center;
    }

    .tracker_breadcrumb {
        height: 55px;
    }

    .right_subject_date_select {
        float: none;
        margin: 0px auto;
    }

    .month_wise_list {
        margin-top: 55px;
    }



    .pdf_button {
        border-radius: 8px;
    }

}









@media (max-width: 420px) {



    .back-main {
        width: 292px;
        padding-top: 0px;
    }

    .right_published_color {
        float: none;
        line-height: 50px;
        text-align: center;
    }

    .tracker_breadcrumb {
        height: 55px;
    }

    .right_subject_date_select {
        float: none;
        margin: 0px auto;
    }

    .month_wise_list {
        margin-top: 55px;
    }



    .pdf_button {
        border-radius: 8px;
    }

}







.color-btn a {
    background: #412256;
    color: #fff !important;
}

.color-btn a:hover {
    background: #fff !important;
    color: #2D2E5B !important;
    border: 1px solid #e91b27 !important;
}





/*===============================================================================================================*/





.main_section {

    padding: 60px 0;

    min-height: 400px;

}



.our_events h2 {

    color: #2B387C;

    font-size: 34px;

}



.our_events header ul li {

    list-style: none;

    display: inline-block;

    vertical-align: middle;

    padding: 8px 18px;

    border-radius: 16px 16px 0 0;

    cursor: pointer;

}



.our_events header ul li.active {

    background: #830e3a;
    border-radius: 12px 12px 0 0;
    color: #fff;

}



.our_events header ul li+li {

    margin-left: 10px;

}



.our_events_listing {

    padding: 25px;
    /* box-shadow: 0px 2px 14px #e1e7ff; */
    border-radius: 0 0 16px 16px;
    padding-top: 35px;
    background: #fff;
    min-height: 350px;

}



.event-fig figure img {

    width: 100%;

    border-radius: 16px;

    height: 240px;

}



.event_date {

    width: 25%;

    float: left;

    text-align: center;

    min-height: 65px;

    padding-top: 10px;

    border-right: 1px solid #ccc;

}



.event_date p {

    color: #898989;

    font-size: 16px;

    line-height: 0.6em;

}



.event_date b {

    color: #FF5876;

    font-size: 28px;

}



.event_des_details {

    width: 75%;

    float: right;

    padding-left: 25px;

}



.event_des_details h3 {

    margin: 0;

    font-size: 20px;

    color: #181949;

}



.event_time {

    display: block;

    margin-top: 5px;

    color: #b9b9b9;

}



.event_time img {

    width: 16px;

    display: inline-block;

    vertical-align: middle;

    position: relative;

    top: -1px;

}



.sub_event_list .view_all_button {

    padding: 12px 30px;

}



.sub_event_list .view_all_button:hover {

    background: #fff;
    border: 1px solid #321042;
    color: #321042;

}



.event-fig {

    width: 100%;

    float: left;

    padding: 10px;

    /*border: 1px solid #ccc;*/

    box-shadow: 0px 9px 23px 2px #d7e3ee;

    border-radius: 16px;

    margin-bottom: 25px;

}



.sub_event_list+.sub_event_list {

    display: none;

}



.event_details_sec {

    position: relative;

}



.event_details_sec figure {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    width: 400px;
    margin: 25px auto;

}

.evnt_detl_covr h3 {
    font-size: 22px;

}

.event_details_sec figure img {
    width: 100%;
}



.event_details_sec h2 {

    color: #181949;

}

.bitlogo {
    background-color: #fff;
    padding: 10px;
    /* width: 250px; */
    /* height: 100px; 
	border-radius: 100%;*/
    margin: 10px auto;
    float: none;
}

.bitlogo img {
    /* width: 100%;
	height:100%; */
    object-fit: contain;
}


.btn-sbmit.btn-sbmit.btn-sbmit.btn-sbmit.btn-sbmit {
    margin-top: 28px;
}

.forgt-pswd {
    width: 220px;
    float: left;
    margin-top: 22px;
}


.toggle-password {
    width: 220px;
    float: left;
    margin-top: 32px;
}











@media only screen and (max-width: 767px) {

    .forgt-pswd,
    .toggle-password {
        width: 100%;
        float: none;
        text-align: center;
    }

    .btn-sbmit {
        margin: 10px auto 0px !important;
        float: none !important;

    }
}












@media only screen and (max-width: 520px) {

    .our_events header ul li {

        padding: 6px 10px;

        font-size: 14px;

    }

    .our_events header ul li {

        margin-left: 0;

    }

    .event_details_sec h2 {

        font-size: 18px;

    }

}













.twnbtn_cel {
    text-align: center;
}

.twnbtn_cel a {
    display: inline-block;
}

.sign,
.sign p {
    text-align: right;
}

.sign .sign_pic {
    padding-right: 20px;
}

#print_div .dt {
    text-align: right;
}







.pgrs_tabl .view_all_button {
    border: 1px solid #e91b27;
    box-shadow: 0px 10px 8px -8px #bbbddf;

    margin: 0px 4px;
}

.pgrs_tabl .view_all_button:hover {
    border: 1px solid #e91b27;
}

.ptitl_btncel {}

.btncel {
    float: right;
    margin-top: 24px;
}

.ptitl_btncel h3 {
    float: left;
}



.clear {
    clear: both;
}



.head-title h1 {
    margin-top: 0px;
    margin-bottom: 0px;
}



.dataTables_paginate .pagination li a:hover {
    color: #292b68 !important;
}

.dataTables_paginate .pagination li {
    margin: 0px 1px;
    display: inline-block;
}

.dataTables_paginate .pagination li.paginate_button.active:hover {
    color: #fff !important;
}





@media only screen and (max-width: 768px) {

    .studnt-nfotabl-cvr table tr td {
        white-space: nowrap;
    }

    .studnt-nfotabl-cvr {
        overflow-x: scroll;
    }
}



@media only screen and (max-width: 767px) {



    .form-hdr h1 {

        font-size: 30px !important;
    }



    .studnt-nfotabl-cvr {

        overflow: auto;

    }

}



@media only screen and (max-width: 520px) {



    .form-hdr.form-hdr.form-hdr.form-hdr h1 {
        font-size: 14px !important;
    }

    .form-hdr.form-hdr.form-hdr.form-hdr h2 {
        font-size: 14px !important;
    }

    .tiu-logobx img {
        width: 30px !important
    }


    .studnt-nfotabl tr th,
    .studnt-nfotabl tr td {
        white-space: nowrap;
    }

    .studnt-nfotabl-cvr {
        margin-top: 0px !important;
    }

    .feedbk-form .feedbk-form-covr.feedbk-form-covr .form-hdr h1 {
        font-size: 24px !important;
    }


}


@media only screen and (max-width: 420px) {

    .feedbk-form .feedbk-form-covr.feedbk-form-covr .form-hdr h1 {
        font-size: 18px !important;
    }

    .studnt-nfotabl-cvr table {
        margin-top: 25px !important;
        margin-bottom: 20px !important;

    }

}



.studnt-nfotabl-cvr {

    margin-top: 36px;

}



/* .fedbk-tabl-covr.fedbk-tabl-covr.fedbk-tabl-covr.fedbk-tabl-covr.fedbk-tabl-covr table.stu-table.fedbk-list tr td:nth-child(2) a{

    background: #3F2DBC !important;

    color: #fff;

} */





.today_notice .non-flx {

    display: flex;
}



@media only screen and (max-width: 991px) {
    .view_all_button {
        margin-top: 6px !important;
    }
}

@media only screen and (max-width: 600px) {
    .login-section ul {
        flex-wrap: wrap;
    }

    .login-section li {
        max-width: 140px;
        flex: none;
    }

    .login-section li figure {
        height: 28px;
        width: 28px;
        line-height: 28px;
        margin-right: 3px;
        flex: none;
    }

    .view_all_button {
        font-size: 11px;
        padding: 7px 14px;
        margin-top: 7px;
        margin-top: 7px !important;
    }

    .back-main a:last-child {
        /* width: 110px; */
        margin-left: auto;
    }

    .back {
        height: 55px;
        position: relative;
    }

    .back-main {
        width: 95%;
    }

    .back-main a:last-child img,
    .search-right a img {
        width: 16px;
    }

    /* section.today {
        margin-top: 15px;
    } */

    .subject-list ul {
        margin-bottom: 10px;
    }

    .subject-content-field {
        min-height: auto;
    }

    .rght_tab_field header .right-date-field {
        font-size: 13px;
    }

    .right-pdf-field {
        right: 23px;
        top: 12px;
    }

    .right-pdf-field img {
        width: 30px;
    }

    .subject-list ul li:first-child {
        border-top: none;
    }

    .main_tab_field .rght_tab_field header {
        border-bottom: none;
    }

    .rght_tab_field {
        height: 60vh !important;
    }

    .no-offst.no-offst {
        margin-left: 0;
    }

    .search_button button,
    .search_button input {
        font-size: 12px;
        width: 40%;
        border-radius: 100px;
        height: 38px;
    }

    .no-offst.no-offst.no-offst .search_button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_paginate {

        width: 100%;
        text-align: left !important;
    }

    .dataTables_length label {
        font-size: 12px;
    }

    .neww-today.neww-today .docu-table {
        overflow-x: hidden;
    }

    .neww-today.neww-today .docu-table .col-sm-12 {
        overflow-x: scroll;
    }

    .main-table.docu-table h3 {
        text-align: center;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        font-size: 12px;
    }

    .search_info_data {
        padding-top: 20px;
    }

    .respnsive-width.respnsive-width {
        margin-top: 20px !important;
    }

    .sub_heading.sub_heading {
        margin-bottom: 8px;
    }

    .new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm {
        margin-top: 0 !important;
        justify-content: center !important;
        margin-bottom: 15px !important;
    }

    .new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm.new-dtl-btm .btn-danger {
        font-size: 13px;
    }

    .atndnce_cel.atndnce_cel.atndnce_cel.atndnce_cel {
        padding: 0 20px 20px !important;
    }

    .tbl-h3.tbl-h3.tbl-h3.tbl-h3 {
        padding-left: 0 !important;
        text-align: left;
    }

    .main-table.docu-table h3 {
        padding: 0 20px;
    }

    .tiu-logobx img {
        width: 60px !important;
    }

    .tiu-logobx.tiu-logobx.tiu-logobx.tiu-logobx.tiu-logobx.tiu-logobx {
        left: 0%;
        top: 15px;
    }

    .fdbk-submit.fdbk-submit.fdbk-submit {
        padding: 6px 11px;
        font-size: 12px;
    }

    .bitlogo {
        background-color: transparent;
        margin-left: 0;
    }

}

.bitlogo li:last-child:before {
    display: none !important;
}

.logo a:last-child:before {
    display: none;
}

.logo a:last-child {
    margin-left: 0;
    padding-left: 0;
}

@media only screen and (max-width: 500px) {


    .bitlogo {
        background-color: transparent;
        margin-left: 0;
    }

    .login-form {
        max-width: 100%;
    }

    .login {
        margin-top: 0px;
    }

    .bitlogo li:last-child:before {
        top: 13px !important;
    }
}






.white-bg {
    background-color: #fff;
    border: 0px solid #a33232;
    position: relative;
    padding-bottom: 70px;
}


.bx1 {
    position: absolute;
    width: 53px;
    height: 53px;
    top: 120px;
    display: block;
    left: 0;
    right: 0;
    margin: 0px auto;
    float: none;
    z-index: 99;
}

.bx2 {
    position: absolute;
    width: 124px;
    height: 61px;
    top: 0px;
    display: block;
    right: 40%;
    z-index: 99;
}

.botm-line {
    position: absolute;
    width: 634px;
    height: 23px;
    bottom: 40px;
    display: block;
    left: 8%;
    z-index: 99;
}

.bitlogo {}

.bitlogo li {
    display: inline-block;
    list-style: none;
    /* width: 160px; */
    position: relative;
}

.bitlogo li:last-child {
    padding-left: 15px;
}

.bitlogo li:last-child img {
    width: 225px;
}

.bitlogo li:last-child:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 34px;
    background-color: #000;
    top: 34px;
    left: 14px;
}

.bitlogo li:last-child img {
    /* width: 190px; */
}

.white-bg h6, .verift-otp {
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    margin-top: 35px;
    color: #000;
}


.forgt-pswd a {
    font-size: 16px;
    font-weight: 400;
    Line-height: 50px;
    color: #F31C28;

    position: relative;
}

.forgt-pswd a:after {
    position: absolute;
    content: '';
    width: 135px;
    height: 1px;
    bottom: -5px;
    left: 0px;
    background-color: #F31C28;
}


.bottom-box h4 {
    position: relative;
}

.bottom-box h4:after {
    position: absolute;
    content: '';
    bottom: -16px;
    left: 0px;
    width: 135px;
    height: 2px;
    background: url(../images/hding-botm-line.png);
    background-size: cover;
}


.bottom-box .red-bx1 {
    position: absolute;
    width: 30px;
    height: 31px;
    top: 14px;
    display: block;
    right: 8%;
}

.bottom-box .red-bx2 {
    position: absolute;
    width: 28px;
    height: 30px;
    bottom: 10px;
    display: block;
    left: -1px;

}

.bottom-box .red-bx1 img,
.bottom-box .red-bx2 img {
    width: 100%;
}


@media only screen and (max-width: 1360px) {

    .bottom-box .red-bx1 {
        width: 21px;
        height: 20px;
    }

    .bottom-box .red-bx2 {
        width: 30px;
        height: 40px;
    }

    .bottom-box:before {
        max-width: 88px;
        height: 43px;
    }

}






.bdy-inrpg {
    background: #FFFFFF;
    width: 100%;
    position: relative;
    z-index: 9;
    padding: 15px;
    margin: 25px auto 50px;
    overflow: hidden;
}

.bdy-inrpg .bitlogo {
    background: transparent;
}

.bdy-inrpg:before {
    position: absolute;
    content: '';
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/half-circle.png) no-repeat;
    width: 492px;
    height: 459px;
    top: 0px;
    right: 0px;
}


.midm-bx1 {
    position: absolute;
    width: 43px;
    height: 42px;
    bottom: 30px;
    left: 160px;
    display: block;
    z-index: 99999;
    border: 1px solid #f7b0b0;
    rotate: 30deg;

}

.bdy-inrpg:after {
    position: absolute;
    content: '';
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/botm-halfbx.png) no-repeat;
    width: 115px;
    height: 58px;
    bottom: 0px;
    left: 350px;
}


.today .bitlogo li:first-child {
    width: 100px;
}


.top-gap {
    margin-top: 30px;
}

.crv-tabl-covr {
    border-radius: 0px 16px 16px 16px;
    border: 1px solid #807373;
    padding: 20px;
    background-color: #fff;
}

.bx-titl {
    width: 242px;
    height: 66px;
    border-radius: 14px 14px 0px 0px;
    background-color: #412256;


}

.bx-titl h3 {
    color: #fff;
}

.official {
    position: relative;
    padding-top: 120px;
}

.official:before {
    position: absolute;
    content: '';
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/inr-pg-line.png) no-repeat;
    background-size: contain;
    width: 574px;
    height: 43px;
    top: 45px;
    left: -31px;
}


.bdy-inrpg .official li {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    position: relative;
}


.bdy-inrpg .official li::before {
    position: absolute;
    content: '';
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/half-fill-red.png) no-repeat;
    background-size: contain;
    width: 52px;
    height: 26px;
    top: 0px;
    right: 45px;
}


.bdy-inrpg .official li::after {
    position: absolute;
    content: '';
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/half-bdr-red.png) no-repeat;
    background-size: contain;
    width: 24px;
    height: 109px;
    bottom: 15px;
    right: 0px;
}

.list-cntnr {
    float: none;
    overflow: hidden;
}

.list-cel:nth-child(odd) {
    background: #fff;
    border: 1px solid #D2D2D2;
}

.list-cel:nth-child(even) {
    background: #FCEDED;
    border: 1px solid #D2D2D2;
}


.list-cel.list-cel {
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    vertical-align: top;
}

.list-cel:last-child {
    margin-bottom: 0px;
}

.list-cel .tick-pnl {
    width: 50px;
    height: 40px;
    text-align: center;
    line-height: 34px;
    float: left;
}

.list-cel .rght-pnl {
    width: 86%;
    float: right;
    position: relative;
}

.list-cel .rght-pnl span.line1 {
    display: block;
}

.list-cel .rght-pnl h6,
.list-cel .rght-pnl p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6em;
}


.list-cel .rght-pnl p {
    width: 100%;
    height: 52px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    line-height: 1.4em;
    margin-bottom: 4px;
}


/* .list-cel .rght-pnl p{display: inline-block;
    width: 100%;
    max-width: 214px;
    height: 40px;
    white-space: nowrap; 
    overflow: hidden !important;
    text-overflow: ellipsis;
    background-color: yellow;
} */

.morviw-btn {
    font-size: 16px;
    font-weight: 400;
    color: #FF304D;
    position: absolute;
    right: 18px;
    bottom: 1px;
    text-decoration: underline !important;
    transition: 0.6s;
}

.morviw-btn:hover {
    color: #FF304D;
    text-decoration: none !important;
}

.rght-pnl span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
}

.rght-pnl span span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    color: #393D93;
}

.official:before {
    position: absolute;
    content: '';
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/inr-pg-line.png) no-repeat;
    background-size: contain;
    width: 574px;
    height: 43px;
    top: 45px;
    left: -31px;
}


.botm-rght-line {
    position: absolute;
    content: '';
    background: url(https://tcea.campusjadugar.com//Student-Assets-New/images/botm-line-rght.png) no-repeat;
    background-size: contain;
    width: 630px;
    height: 23px;
    bottom: 45px;
    right: 38px;
}


.dasbord-today .bdy-inrpg {
    padding-bottom: 105px;
}

.stu-table th {
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    padding: 0 15px;
}

.stu-table tbody td {
    font-size: 16px;
    font-weight: 400;
    color: #000 !important;
    line-height: 2.5em;
}

.stu-table tbody td:nth-child(2) {
    white-space: nowrap;
}

.stu-table tbody td:first-child {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 2.5em;
}

.rm-no {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #F31C28;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    color: #F31C28;
    display: block;
}

table.stu-table tbody tr td .join-btn {
    background: #F31C28;
    border: 1px solid #F31C28;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    transition: 0.6s;
}

table.stu-table tbody tr td .join-btn:hover {
    background: #fa4d56;
}


table.stu-table tbody tr td .vwdtl-btn {
    background: #Fff;
    border: 1px solid #807373;
    color: #000000;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

table.stu-table tbody tr:nth-child(odd) {
    background: #FCEDED !important;
    border-radius: 2px;
}

table.stu-table tbody tr:nth-child(even) {
    background: #FFF;
}



/* calender */

.crv-calendr-covr {
    background: #FEF1F2;
    border: 1px solid #807373;
    border-radius: 0px 16px 16px 16px;
    padding: 6px;
    position: relative;
}


.crv-calendr-covr .ui-datepicker-inline {
    width: 100%;
}

.ui-datepicker-header {
    background-color: #2196f3;
    color: white;
    text-align: center;
    font-family: 'Roboto';
    padding: 10px;
    height: 40px;
    border-radius: 8px 8px 0px 0px;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none;
}

.ui-datepicker-prev:after {
    content: "<";
    font-size: 2rem;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}


.ui-datepicker-next:after {
    content: ">";
    float: right;
    font-size: 2rem;
    margin-right: 10px;
    cursor: pointer;
}

.ui-datepicker-calendar th {
    padding: 10px;
    color: #2196f3;
}

.ui-datepicker-calendar {
    text-align: center;
    margin: 0 auto;
    padding: 8px;
}

.ui-datepicker-title {
    padding: 10px;
}

.ui-datepicker-calendar td {
    padding: 4px 0px;
}

.ui-datepicker-calendar .ui-state-default {
    text-decoration: none;
    color: black;
}

.ui-datepicker-calendar .ui-state-active {
    color: #2196f3;
}


.pnl_rght.pnl_rght .bx-titl h3 {
    height: 72px;
    line-height: 72px;
    text-align: center;
}

/* custom */

.pnl_rght .ui-datepicker .ui-datepicker-prev span,
.pnl_rght .ui-datepicker .ui-datepicker-next span {
    display: none;
}

.pnl_rght .ui-datepicker .ui-datepicker-prev,
.pnl_rght .ui-datepicker .ui-datepicker-next {
    display: none;
}

.pnl_rght .ui-datepicker .ui-datepicker-title {
    margin: 0;
    line-height: 1.8em;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
}

.pnl_rght .ui-datepicker .ui-datepicker-title {
    padding: 0 10px;
}

.pnl_rght .ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
    background: transparent;
}

.pnl_rght .ui-state-default,
.pnl_rght .ui-widget-content .ui-state-default,
.pnl_rght .ui-widget-header .ui-state-default,
.pnl_rght .ui-button,
.pnl_rght html .ui-button.ui-state-disabled:hover,
.pnl_rght html .ui-button.ui-state-disabled:active {

    border: 0px solid #c5c5c5;
    background: transparent;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.pnl_rght .ui-state-highlight,
.pnl_rght .ui-widget-content .ui-state-highlight,
.pnl_rght .ui-widget-header .ui-state-highlight {
    background: #FF304D;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;

}

.pnl_rght .ui-datepicker-calendar span {
    font-size: 18px;
    font-weight: 400;
    color: #A97C7C;
    text-transform: uppercase;
}

.pnl_rght .ui-widget-header {
    border: 0px;
    background: transparent;
}

.pnl_rght .ui-datepicker table {
    margin: 4em 0 .4em;
}

.calndr-tripl-bx-contnr {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 285px;
    text-align: right;
}

.calndr-tripl-bx-contnr li {
    list-style: none;
    width: 83px;
    height: 77px;
    border-radius: 8px;
    display: inline-block;
    padding: 1px;
    margin: 0px;
    text-align: center;
}

.calndr-tripl-bx-contnr li .ttl {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    display: block;
}

.calndr-tripl-bx-contnr li .ttl-day {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    display: block;
    line-height: 1em;
}

.circl {
    width: 13px;
    height: 13px;
    border: 3px;
    border-radius: 100%;
    display: block;
    float: none;
    margin: 6px auto;
}

.circl-g {
    border: 3px solid #2AAD4A;
}

.circl-r {
    border: 3px solid #F31C28;
}

.circl-y {
    border: 3px solid #D47E2D;
}

.yelo {
    background-color: rgba(242, 145, 53, 0.6);
}

.lgred {
    background-color: rgba(249, 104, 99, 0.6);
}

.gren {

    background-color: rgba(59, 218, 98, 0.6);
}


@media only screen and (max-width: 1500px) {

    .circl {
        width: 10px;
        height: 10px;
    }

    .circl-g {
        border: 2px solid #2AAD4A;
    }

    .circl-r {
        border: 2px solid #F31C28;
    }

    .circl-y {
        border: 2px solid #D47E2D;
    }

    .pnl_rght .ui-datepicker .ui-datepicker-title {
        font-size: 15px;
    }

    .circl {
        margin: 6px auto 2px;
    }

    .calndr-tripl-bx-contnr li {
        list-style: none;
        width: 55px;
        height: 56px;
        border-radius: 5px;
    }

    .calndr-tripl-bx-contnr {
        width: 182px;
    }

    .calndr-tripl-bx-contnr li .ttl {
        font-size: 12px;
    }

    .calndr-tripl-bx-contnr li .ttl-day {
        font-size: 14px;
        line-height: 1em;
    }

    .pnl_rght .ui-datepicker-calendar span {
        font-size: 15px;
    }

    .pnl_rght.pnl_rght .bx-titl h3 {
        font-size: 18px;
        padding: 0 15px;
        height: 46px;
        line-height: 46px;
    }

    table.stu-table tbody tr td .join-btn {
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
    }

    .rm-no {
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 13px;
    }

    table.stu-table tbody tr td {
        font-size: 13px;
        padding: 0px 10px;
    }

    .bx-titl {
        width: 158px;
        height: 45px;
        border-radius: 12px 12px 0px 0px;
    }

    .official li {
        width: 220px;
    }

    .official li span:after {
        width: 136px;
        height: 2px;
        bottom: -6px;
    }

    .right-bxcovr {
        padding: 10px;
        margin-top: 25px;
    }

    .list-cel {
        margin-bottom: 10px;
        position: relative;
    }

    .list-cel .tick-pnl {
        width: 38px;
        height: 30px;
        line-height: 24px;
    }

    .list-cel .tick-pnl img {
        width: 55%;
    }

    .list-cel .rght-pnl {
        width: 84%;
    }

    .list-cel .rght-pnl h6,
    .list-cel .rght-pnl p {
        font-size: 14px;
    }

    .rght-pnl span,
    .rght-pnl span span {
        font-size: 13px;
    }


    .morviw-btn {
        font-size: 13px;
        right: 10px;
        bottom: 1px;
    }

    .list-cel .rght-pnl p {
        height: 42px;
    }


    .botm-rght-line {
        width: 494px;
        height: 23px;
        bottom: 25px;
        right: 32px;
    }

    .today-right .right-bxcovr h4 {
        border-radius: 13px;
    }

    .pnl_rght .ui-datepicker table {
        margin: 2em 0 .4em;
    }


    .feedbk-form-covr .form-hdr h1 {
        font-size: 36px;
    }


    /* ================ Accordian ================ */

    .accordian-wrapper.accordian-wrapper .accordion-button {
        font-size: 17px;
        padding: 12px 15px 12px 30px;
        gap: 18px;
        line-height: 22px;
    }

    .accordian-wrapper.accordian-wrapper .accordion-body {
        padding: 0px 15px 12px 30px;
    }

    .accordian-wrapper.accordian-wrapper .accordion-body p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .accordian-wrapper.accordian-wrapper .accordion-button::after {
        width: 35px;
        height: 35px;
    }

}


.notification.notification:hover {
    background: transparent !important;
}





.pro-detail .dtl {
    position: absolute;
    right: 0;
    top: 50px;
}

.rght_panl_covr,
.profil_covr,
.fedbk_tabl_covr_nw,
.timtabl_covr,
.asignmentlist_tabl_covr,
.atendence_tabl_covr {
    border-radius: 16px !important;
    border: 1px solid #807373;
    padding: 20px !important;
    background-color: #fff !important;
    margin: 30px auto;
}

.today-right {
    width: 100%;
    height: auto;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    /* padding: 40px 25px; */
    display: inline-block;
}

.docu-table {
    background-color: #fff;
    padding: 20px;
}

.toggle-password a {
    color: #fc3629;
}



.slct-crv-bdr {
    background: #FFFFFF;
    border: 1px solid #807373;
    border-radius: 16px;
}



.time-tbl-new tr th {
    font-size: 14px;
}

.time-tbl-new tr th:first-child {
    vertical-align: middle;
    text-align: left;
}

.time-tbl-new tr td {
    font-size: 14px;
}

.time-tbl-new tr td:first-child {
    text-align: left;
}

.chng-pswd-form.chng-pswd-form label {
    color: #000;
}

.login-form form.chng-pswd-form input {
    margin-top: 10px;
}

.chngpswd-btn {
    margin-top: 25px !important;
}

.top_gap {
    margin-top: 25px;
}


.cc_form {
    float: none;
    overflow: hidden;
}

.stu-table {
    margin-bottom: 25px;
}

.search_button {
    text-align: center;
}

.search-cntr {
    float: none;
    text-align: center;
}

.search_button input {
    width: 100px;
    float: none;
}

.tabl_covr table th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.tabl_covr {
    width: 100%;
    height: 360px;
    overflow: auto;
}

.tabl_covr::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

.tabl_covr::-webkit-scrollbar-track {
    background: #fdd7d7;
    border-radius: 10px;
    padding: 6px;
}

.tabl_covr::-webkit-scrollbar-thumb {
    background-color: #f75c5b;
    border-radius: 10px;
}








.btn-sm {
    background: #412256;
    border: 1px solid #261135;
    color: #fff;
    transition: 0.6s;
}

.btn-sm:hover {
    background: #ffffff;
    border: 1px solid #261135;
    color: #261135;
}

.v-scroll {
    height: 306px;
    overflow-y: auto;
}

.v-scroll::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

.v-scroll::-webkit-scrollbar-track {
    background: #fdd7d7;
    border-radius: 10px;
    padding: 6px;
}

.v-scroll::-webkit-scrollbar-thumb {
    background-color: #f75c5b;
    border-radius: 10px;
}



.today_notice .container {
    background: #ffffff;
    border-radius: 20px;
    margin-top: 25px;
    padding: 20px;

    min-height: 50dvh;
}

.back-main a:first-child:hover {
    line-height: 28px;
    border: 1px solid #b6113c;
}


.subject-list ul li.active a,
.main_tab_field .rght_tab_field header {
    background: #412256;
}


.right-bxcovr .view_all_button {
    position: absolute;
    right: 2.4em;
    background: #F31C28;
    border: 1px solid #F31C28;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;

}

.right-bxcovr .view_all_button:hover {
    color: #F31C28;
    background: #FFF;
    border: 1px solid #F31C28;
}


.our_events header ul li {
    background-color: rgba(236, 237, 243, 0.57);
    border-radius: 10px 10px 0 0;
    color: #000000;
}


.pgrs_tabl_scrol {
    overflow-y: scroll;
    height: 350px;
}

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

.pgrs_tabl_scrol table th,
.tabl_covr_scrol table th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.evnt_detl_covr .container {
    background-color: #fff;
    border-radius: 25px;
    padding: 25px;
}

.evnt_detl_covr .details-head {
    font-size: 26px;
}

.tabl_covr_scrol {
    overflow: scroll;
    height: 242px;
}


.tabl_covr_scrol::-webkit-scrollbar,
.pgrs_tabl_scrol::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

.tabl_covr_scrol::-webkit-scrollbar-track,
.pgrs_tabl_scrol::-webkit-scrollbar-track {
    background: #fdd7d7;
    border-radius: 10px;
    padding: 6px;
}

.tabl_covr_scrol::-webkit-scrollbar-thumb,
.pgrs_tabl_scrol::-webkit-scrollbar-thumb {
    background-color: #f75c5b;
    border-radius: 10px;
}

.tabl_covr_scrol .stu-table tbody tr td {
    line-height: 14px;
    padding: 6px 14px;
}

table.stu-table tr td:nth-child(3) {
    white-space: nowrap;
    text-align: left;
}

.tabl_covr_scrol .stu-table {
    margin-bottom: 0px;
}

.d-inline-block {
    padding: 10px 15px;
    line-height: 10px;
    border-radius: 8px;
    line-height: 13px;
}


.scrl-tbl.scrl-tbl table th {
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 1;
}


.scrl-tbl.scrl-tbl {
    overflow: scroll;
    height: 500px;
}

.scrl-tbl.scrl-tbl::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

.scrl-tbl.scrl-tbl::-webkit-scrollbar-track {
    background: #fdd7d7;
    border-radius: 10px;
    padding: 6px;
}

.scrl-tbl.scrl-tbl::-webkit-scrollbar-thumb {
    background-color: #f75c5b;
    border-radius: 10px;
}


.notic-scrol {
    overflow-y: scroll;
    height: 200px;
}

.notic-scrol::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

.notic-scrol::-webkit-scrollbar-track {
    background: #fdd7d7;
    border-radius: 10px;
    padding: 6px;
}

.notic-scrol::-webkit-scrollbar-thumb {
    background-color: #f75c5b;
    border-radius: 10px;
}

.frgt-pswrd label {
    color: #000
}

.back-main {
    margin-bottom: 18px;
}

.crv-covr {
    padding: 20px;
    border-radius: 16px;
}


.pgrs_tabl_scrol table tr td,
.pgrs_tabl_scrol table tr th {
    font-size: 14px;
}



.pgrs_tabl_scrol table tr td:first-child,
.pgrs_tabl_scrol table tr th:first-child {
    text-align: center;
}

.pgrs_tabl_scrol table tr th {
    background: #5e2845;
    color: #fff;
}

.pgrs_tabl_scrol table tr td .btn {
    font-size: 13px;
    padding: 3px 12px;
}

.pgrs_tabl_scrol table tr td {
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
}

.cntr {
    text-align: center;
}

.pgrs_tabl_scrol .click_lnk {
    color: #ff0000;
    text-decoration: underline !important;
    transition: 0.6s;
}

.pgrs_tabl_scrol .click_lnk:hover {
    text-decoration: none !important;
}

.alert-success {
    text-align: center;
    font-size: 17px;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 5px;
    color: #155724;
    background-color: #c7fed4;
}

.pgrs_tabl_scrol .stu-table .viw_btn {
    display: inline-block;
    width: auto;
    padding: 6px 12px;
    line-height: 20px;
    border-radius: 8px;
    background: #fff;
    color: #2b153a;

}

.pgrs_tabl_scrol .stu-table .viw_btn:hover {
    background: #933049;
    color: #fff;
    line-height: 20px;
    border: 1px solid #2b153a;
}


.plcmnt-tbl {}



.feedbk-form .feedbk-form-covr {
    background: #fff;
    padding: 45px;
    margin-bottom: 40px;
}

.feedbk-form-covr .ques-loop-cel p {
    font-weight: 600;
}

.feedbk-form-covr .ques-loop-cel ul li label {
    font-weight: 400;
}


.feedbk-form-covr .fdbk-submit {
    background-color: #412256;
    color: #FFFFFF;
    margin-left: 30px;
    letter-spacing: 0.1em;
    padding: 6px 14px;
    line-height: 31px;
    text-transform: uppercase;
    transition: 0.6s;
}

.feedbk-form-covr .fdbk-submit:hover {

    background-color: #982a48;

}


.feedbk-form-covr .fdbk-submit-bck {
    width: auto !important;
    font-weight: bold;
    border: 1px solid #b6113c;
    text-transform: uppercase;
    color: #162184;
    padding: 6px 20px;
    line-height: 28px;
    background-color: #fff;
    margin-left: 10px;
}

.feedbk-form-covr .fdbk-submit-bck:hover {
    background-color: #982a48;
    color: #fff;
}


.studnt-nfotabl-cvr table {
    border: 1px;
    margin-top: 70px;
}


.feedbk-form-covr .studnt-nfotabl tr td:first-child {
    width: 170px;
}

.feedbk-form-covr .studnt-nfotabl tr td:nth-child(2) {
    width: 325px;
    font-weight: 400 !important;
}

.feedbk-form-covr .studnt-nfotabl tr td:last-child {
    font-weight: 400 !important;
}







/* ============ Profile_v2 page   ============= */


.tab-sec {
    margin-top: 50px;
}



/* .tab-sec .aca{
    background: #fff;
    padding: 40px;
} */

.tab-sec .container {
    background: #fff;
    padding: 40px;
    border-radius: 12px;
    width: 85%;
}

ul.tabs.aca-tabs li span {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #0F0F0F;
    padding: 10px 16px;
    border-radius: 6px 6px 0 0;
    line-height: 36px;
    height: 52px;
}

ul.tabs.aca-tabs {
    margin-bottom: 20px;
    height: 46px;
    border-bottom: 1px solid #F862A1;
}

ul.tabs.aca-tabs li {
    margin: -6px 0px;
    display: inline-block;
    cursor: pointer;
}

ul.tabs.aca-tabs li span:hover {
    /* background: #872148; */
    background: transparent;
    color: #bd4277;
    /* color: #faeef5; */

}

ul.tabs.aca-tabs li span.active {
    /* background: linear-gradient(141.2deg, #542E7C 27.72%, #FF304D 178.14%);
     border-bottom: 3px solid #658916; */
    border-bottom:3px solid  #542E7C !important;
    background: transparent; 
    color: #bd4277;
}



.innr-pgs.aca .tab {
    /* background: #FFFFFF;
    box-shadow: 0px 4px 27px -1px rgb(184 167 167 / 25%);
    border-radius: 16px; */
    padding: 20px;
}

.aca h2 {
    text-align: center;
}

.innr-pgs.aca .tab p {
    max-width: 100%;
    margin-bottom: 30px;
}

.innr-pgs.aca .tab h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 50px;
    text-transform: capitalize;
    color: #0C0C0C;
    /* margin-bottom: 30px; */
    text-align: left;
}

element.style {
    display: block;
}

section.innr-pgs.aca .tab ul li {
    list-style: none;
    margin-bottom: 30px;
    position: relative;
    font-size: 20px;
    line-height: 36px;
    color: #303030;
    margin-left: 28px;
}

section.innr-pgs.aca .tab ul li b {
    font-weight: 600;
}



.tabIn li {
    font-size: 26px !important;
    font-weight: 600;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px !important;
    padding-bottom: 20px;
}

.tabIn li a {
    background: #F862A1;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    padding: 0 16px;
    border-radius: 6px;
    float: right;
    height: 30px;
    line-height: 30px;
    margin-top: 7px;
    transition: .3s all;
}

.tabIn li a:hover {
    background: #F862A1;
}

.tabIn li {
    width: 100%;
    max-width: 400px;
}


@media screen and (max-width: 768px) {

    ul.tabs.aca-tabs li span {
        font-size: 13px;
    }

    ul.tabs.aca-tabs li {
        margin: -7px 0px;
    }
}


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

    ul.tabs.aca-tabs li span {
        font-size: 11px;
        padding: 10px 12px;
    }

    ul.tabs.aca-tabs li {
        margin: -8px 0px;
    }
}

@media screen and (max-width: 520px) {

    ul.tabs.aca-tabs li span {
        font-size: 13px;
        padding: 10px 15px;
    }

    ul.tabs.aca-tabs {
        border-bottom: 0px;
    }
}





/* =============== Accrodian ==============  */

.accordian-wrapper.accordian-wrapper .accordion-flush .accordion-item {
    border-radius: 30px;
    overflow: hidden;
    background: #4e174c;
    color: white;
    margin-bottom: 14px;
}

.accordian-wrapper.accordian-wrapper .accordion-flush .accordion-item:last-child {
    margin-bottom: 0;
}

.accordian-wrapper.accordian-wrapper .accordion-header {
    line-height: 28px;
}

.accordian-wrapper.accordian-wrapper .accordion-button {
    font-size: 25px;
    font-weight: 600;
    background: #4e174c;
    color: white;
    padding: 20px 20px 20px 40px;
    gap: 20px;
    text-transform: capitalize;
}

.accordian-wrapper.accordian-wrapper .accordion-body {
    padding: 0px 20px 20px 40px;
}

.accordian-wrapper.accordian-wrapper .accordion-button:not(.collapsed) {
    box-shadow: none;
    cursor: pointer;
}

.accordian-wrapper.accordian-wrapper .accordion-button:focus {
    border-color: #151515;
    box-shadow: none;
}

.accordian-wrapper.accordian-wrapper .apply-now {
    color: #fff;
    margin-top: 35px;
}

.accordian-wrapper.accordian-wrapper .accordion-body p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 25px;
}

.accordian-wrapper.accordian-wrapper .accordion-button::after {
    width: 50px;
    height: 50px;
}

.accordian-wrapper.accordian-wrapper .accordion-button:not(.collapsed)::after {
    background: url(../images/studnt-edit.png) no-repeat center / contain !important;
}

.accordian-wrapper.accordian-wrapper .accordion-button.collapsed::after {
    background: url(../images/studnt-edit.png) no-repeat center / contain;
}

/* accrodian bootstrp */



.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /* transform: rotate(180deg) */

}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    cursor: pointer;
}

.icn-now {
    display: block;
    width: 80px;
    float: none;
    margin: 6px auto 0px;
}

.icn-now .fa_color {
    color: #fff;
    font-size: 80px;
}

.careers-bx .row {
    display: initial !important;
    margin-right: 0px;
    margin-left: 0px;
}


.modal h5 {
    color: #412256;
}

.modl-form label {
    color: #000;
    font-weight: 400;
}

sub {
    color: #ff0000;
    vertical-align: super;
}

.modl-form .col-md-6 {
    display: inline-block;
    max-width: 49%;
}

.pfl_submt_btn {
    float: none;
    margin: 15px auto;
}

.modl-form {
    text-align: center;
}

.modl-form label {
    text-align: left;
    display: block;
    margin-top: 5px;
}

.modl-form .modal-header .clos-btn {
    color: #6a4b68 !important;
    font-size: 20px !important;
}


.pfl_submt_btn {
    border: 1px solid #982a48;
    background-color: #412256;
    transition: 0.6s;
}

.pfl_submt_btn:hover {
    background-color: #982a48;
    border: 1px solid #982a48;
}






.sudnt_dtl {
    background-color: #fff;
    padding: 25px;
}

.sudnt_dtl tr td {
    color: #000;
    padding: 2px 4px;
}

.main-nfo-detl {
    padding: 1px 4px;
}



@media (min-width: 576px) {

    .modal-dialog-profile {
        max-width: 650px;
        margin: 1.75rem auto;
    }


}


table.stu-table tr td a {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.extra-lft label,
.extra-lft select {
    color: #000;
}

.extra-lft select,
.extra-lft textarea {
    height: 68px !important;
    border-radius: 12px;
}



.ulclass.ulclass.ulclass li {
    width: 19%;
    flex: 0 0 auto;
    margin: 5px;
}

.official li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    padding-top: 30px;
}

.upload_table.upload_table th,
.upload_table.upload_table td {
    width: auto !important;
}

.notice_number_txt {
    position: absolute;
    left: 18px;
    top: -5px;
    font-size: 14px;
    height: 26px;
    width: 26px;
    background: #f31c28;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    font-weight: 600;
}

@media only screen and (max-width: 1560px) {

    .extra-lft,
    .extra-lft select {
        height: 45px;
    }

    .extra-lft label,
    .extra-lft select {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .notice_number_txt {
        position: absolute;
        left: 15px;
        top: -6px;
        font-size: 13px;
        height: 22px;
        width: 22px;
    }
}

@media only screen and (max-width: 575px) {

    table.stu-table tbody tr td .join-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .official {
        padding-top: 60px;
    }

    .official li {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        height: auto;
        padding: 10px;
        margin-bottom: 10px;
    }

    .official li a {
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 4px;
    }

    .official:before {
        width: 250px;
        height: 13px;
        top: 25px;
        left: -31px;
    }

    .official.official li span {
        font-size: 14px;
    }

    .pnl_rght .ui-datepicker .ui-datepicker-title {
        font-size: 14px;
    }

    .ui-datepicker td {
        font-size: 13px;
    }

    .official li figure {
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin: 0 0 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: none;
    }

    .official li span:after {
        display: none;
    }

    .bx-titl {
        width: 144px;
        height: 40px;
        border-radius: 10px 11px 0px 0px;
    }

    .pnl_rght.pnl_rght .bx-titl h3 {
        font-size: 16px;
        padding: 0 12px;
        height: 40px;
        line-height: 40px;
    }

    .top-gap {
        margin-top: 0px;
    }

    .pnl_rght .ui-datepicker table {
        margin-top: 50px;
    }

    .calndr-tripl-bx-contnr {
        width: 182px;
        top: 45px;
        left: 5px;
    }

    .pnl_rght .ui-datepicker .ui-datepicker-title {
        font-size: 15px;
        padding: 0;
        text-align: center;
    }

    .list-cel.list-cel {
        padding: 8px 4px;
        margin-bottom: 10px;
    }

    .full-width p {
        font-size: 14px;
    }

    .back {
        height: 50px;
    }

    .respnsive-width.respnsive-width {
        margin-top: 10px !important;
        margin-bottom: 15px;
    }

    .sub_subject_accord .sub_subject_accord_header:before {
        width: 20px;
        height: 20px;
        top: 18px;
    }

    .sub_subject_accord .sub_subject_accord_header {
        padding: 20px 20px;
    }

    .sub_accord_content a:first-child {
        margin-right: 10px;
        width: auto;
    }

    .pdf_button img {
        width: 28px;
        position: relative;
        right: 0;
    }

    .pdf_button {
        border-radius: 8px;
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .sub_accord_body {
        padding-bottom: 65px;
        margin-bottom: 15px;
    }

    .sub_accord_body .sub_accord_right_button {
        bottom: 10px;
        left: 0px;
        top: auto;
        right: auto;
    }

    .sub_subject_accord_body {
        padding: 20px 20px;
    }

    .left_table_content ul li a {
        padding: 0px 4px;
    }

    .sub_accord_right_button a {
        padding: 5px;
    }

    .dataTables_length,
    .dataTables_filter,
    .dataTables_info {
        margin: 6px auto 0;
    }

    div.dataTables_wrapper div.dataTables_length select {
        width: 50px;
        display: inline-block;
        padding: 3px;
    }

    .search_button button,
    .search_button input {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .search_button input {
        line-height: initial;
    }

    table.stu-table tr:nth-child(2) td a,
    table.stu-table tr:nth-child(5) td a {
        /* background: initial;
        color: initial; */
    }

    table.stu-table tr:nth-child(2) td a:hover,
    table.stu-table tr:nth-child(5) td a:hover {
        background: #412256;
        color: #fff;
        border: 0;
    }

    .upload-document input[type="file"] {
        line-height: 14px;
        width: 200px;
        margin-right: 0;
        font-size: 12px;
    }

    .upload-document label {
        font-size: 15px;
    }

    .upload-document .btn-primary {
        font-size: 13px;
    }

    .upload-document {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 12px;
        flex-wrap: wrap;
    }

    .main-search {
        padding-top: 10px;
    }

    .feedbk-form .feedbk-form-covr {
        padding: 15px 10px;
        margin-bottom: 20px;
    }

    .event-fig figure img {
        border-radius: 16px;
        height: auto;
    }

    .event_des_details h3 {
        font-size: 16px;
    }

    .event_des_details {
        width: 75%;
        float: right;
        padding-left: 16px;
    }

    .event_time {
        margin-top: 5px;
        font-size: 14px;
    }

    .sub_event_list .view_all_button {
        padding: 10px 24px;
    }

    .event_details_sec figure {
        width: 100%;
        margin: 15px auto;
    }

    .evnt_detl_covr .details-head {
        font-size: 18px;
    }

    .evnt_detl_covr h3 {
        font-size: 17px;
    }

    .main-table.docu-table h3 {
        padding: 0;
        height: auto;
        line-height: initial;
        margin-bottom: 6px;
        text-align: left;
    }

    .pgrs_tabl_scrol table tr td .btn+.btn {
        margin-top: 4px;
    }

    .today-left {
        margin-bottom: 15px;
    }

    .search_button {
        margin-top: 6px;
    }

    .upload_table table.stu-table tr td a {
        width: 85px;
    }

    .bdy-inrpg .official li::before {
        display: none;
    }

    .bdy-inrpg .bitlogo {
        margin-bottom: 6px;
    }

    .notice_number_txt {
        left: 10px;
        top: -5px;
        font-size: 12px;
        height: 18px;
        width: 18px;
    }

    .bdy-inrpg .official li::after {
        width: 14px;
        height: 40px;
        bottom: 15px;
        right: -5px;
    }
}

.clubCardButton.clubCardButton {
    display: inline-flex;
}

/* ================================= New Dashboard ===========*/

.mn-wrapper {
    display: flex;
}

.all-wrapper {
    background: #fff;
}

.left-slidebar {
    position: relative;
    width: 18%;
    /* border-right: 1px solid #C8C0C0; */
    flex: none;
    background: #ECEDF5;
}

.left-slidebar a {
    font-size: 16px;
    color: #403D3D;
    font-weight: 500;
    padding: 14px 8px 14px 16px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s all;
}

.left-slidebar a img {
    width: 18px;
    transition: 0.3s all;
}

.left-slidebar a+a {
    border-top: 1px solid #80526a38;
}

.left-slidebar a:hover {
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
    color: #fff;
}

.left-slidebar a:hover img {
    filter: brightness(0) invert(1);
}

.left-slidebar a.active, .left-slidebar li.active {
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
    color: #fff;
}

.left-slidebar li.active a {
    color: #fff;
}

.left-slidebar a.active img, .left-slidebar li.active img {
    filter: brightness(0) invert(1);
}

.marquee-div {
    display: flex;
    border: 1px solid #f31c28;
    border-radius: 2px;
    z-index: 100;
    position: relative;
    width: 100%;
}

.marquee-div h5 {
    flex: none;
    height: 40px;
    width: max-content;
    padding: 0 25px;
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    position: relative;
}

.marquee-div marquee {
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
}

.marquee-div marquee a {
    color: #212529;
    position: relative;
    display: inline-block;
    margin-right: 40px;
    padding-right: 40px;
    font-size: 17px;
    font-weight: 700;
}

.marquee-div marquee a:last-child {
    margin: 0;
    padding: 0;
}

.marquee-div marquee a:after {
    content: "";
    position: absolute;
    right: 0;
    height: 60%;
    width: 1px;
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
    bottom: 0;
    margin: auto;
    top: 0;
}

.marquee-div marquee a:last-child::after {
    display: none;
}

.marquee-div h5:after {
    content: "";
    width: 0;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto !important;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #621cd1;
    z-index: 99;
}

.marquee-wrap {
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}

/* .blink_me {
    animation: blinker 1s linear infinite;
} */

.blink_me:hover {
    opacity: 1;
}

@keyframes blinker {
    50% {
        opacity: 0.1;
    }
}

.content-wrapper {
    display: flex;
    width: 100%;
    position: relative;
}

.middle-content {
    padding: 16px 14px;
    /* border-right: 1px solid #C8C0C0; */
    /* width: 100%; */
    width: 48%;
    flex: none;
}

.three-btn a {
    display: inline-flex;
    height: 54px;
    padding: 0 8px;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid #E91B27;
    border-radius: 12px;
    font-size: 15px;
    color: #E91B27;
    font-weight: 600;
    gap: 8px;
    transition: 0.2s all !important;
}

.three-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.three-btn a:hover,
.tab-link.active {
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
    color: #fff;
}

.three-btn a:hover img,
.tab-link.active img {
    filter: brightness(0) invert(1);
}

.srch-info {
    position: relative;
    margin-top: 25px;
}

.srch-info input[type="search"] {
    height: 60px;
    border: 1px solid #D8D9EC;
    padding: 0 16px;
    width: 100%;
    border-radius: 16px;
    font-size: 16px;
    color: #403D3D;
    outline: none;
    box-shadow: 0px 4px 20.4px 0px #E3E4EF;
}

.scrch-div {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
}

.search-by {
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 32px 0;
    background: #fff;
    position: relative;
    z-index: 2;
}

.search-by h4 {
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    padding-left: 14px;
    color: #403D3D;
    padding-right: 4px;
}

.search-by:after {
    content: "";
    position: absolute;
    inset: 0;
    height: 1px;
    width: 100%;
    background: #C8C0C0;
    margin: auto;
    z-index: -1;
    top: 2px;
}

.search-by select {
    border: none;
    color: #403D3D;
    font-weight: 600;
    font-size: 16px;
    width: 100%;
    max-width: 80px;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: -2px;
    outline: none;
    cursor: pointer;
}

.post-wrap {
    box-shadow: 0px 11px 28.3px 0px #E3E4EF;
    border: 1px solid #D8D9EC;
    border-radius: 16px;
    padding: 12px 14px;
}

.news-wrap h4 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #403D3D;
}

.news-wrap h4 span {
    font-weight: 600;
    display: block;
}

.event-btn {
    display: inline-flex;
    height: 42px;
    background: linear-gradient(282.7deg, #F31C28 -52.98%, #3C1CFC 131.12%);
    align-items: center;
    padding: 0 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
}

.event-btn:hover {
    background: linear-gradient(92deg, #F31C28 -52.98%, #3C1CFC 131.12%);
    color: #fff;
}

.news-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.figure-div img {
    width: 100%;
}

.figure-div {
    margin: 10px 0 0;
    position: relative;
}

.news-time {
    font-size: 14px;
    font-weight: 400;
    color: #9D9DAA;
    /* text-align: right; */
}

.like-space {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 0;
}

.left-like {
    display: flex;
    align-items: center;
    gap: 3px;
}

.like-comnt a {
    height: 50px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    border: 1px solid #D3D9E8;
    border-radius: 12px;
    justify-content: center;
    gap: 8px;
    font-weight: 500;
}

.like-comnt {
    display: flex;
    align-items: center;
    gap: 16px;
}

.like-comnt a img {
    width: 26px;
    transition: 0.4s all;
}

.like-comnt a:nth-child(1) {
    color: #118DFF;
}

.like-comnt a:nth-child(2) {
    color: #DD9F0E;
}

.like-comnt a:hover img {
    transform: scale(1.1);
}

.timings-dtls h3 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center;
}

.timings-dtls h4 {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px dashed #ffffffba;
    text-align: center;
}

.timings-dtls h5 {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    padding: 4px 5px;
    background: linear-gradient(131.26deg, #40DE45 9.97%, #0DAE12 82.62%);
    border-radius: 4px;
    margin-top: 4px;
    text-align: center;
}

.timings-dtls {
    position: absolute;
    top: 0;
    right: 40px;
    background: linear-gradient(146.95deg, #FF3F42 -2.36%, #BF0508 83.52%);
    padding: 6px 10px 22px;
    clip-path: polygon(100% 0, 100% 100%, 51% 85%, 0 100%, 0 0);
    pointer-events: none;
}

.post-wrap+.post-wrap {
    margin-top: 25px;
}

.man-qualify-info {
    margin-top: 8px;
}

.man-qualify-info.man-qualify-info h5+h5 {
    margin-top: 4px;
}

.right-content {
    width: 100%;
    /* flex: none; */
    padding: 16px 14px 20px;
    background: #ECEDF5;
}

.menu-fig {
    height: 52px;
    width: 52px;
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-bottom: 10px;
}

.mennu-dtlls li {
    list-style: none;
    width: 33.33%;
    padding: 0 6px;
    flex: 0 0 auto;
    margin-bottom: 12px;
}

.menu-fig img {
    width: 30px;
    margin: auto;
}

.menu-card p {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 21px;
}

.menu-card>a {
    padding: 18px 14px;
    background: #fff;
    border-radius: 20px;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
}

.menu-card>a:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.menu-card>a:hover .line-gap::before {
    right: 65px;
    height: 1px;
    width: 25px;
}

ul.mennu-dtlls {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
    margin-top: 10px;
}

.line-gap {
    position: relative;
    margin-top: 5px;
}

.line-gap:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 80%;
    background: #000;
}

.line-gap::before {
    content: "";
    position: absolute;
    top: 0;
    right: 50px;
    height: 1px;
    width: 13px;
    background: #fff;
    z-index: 9;
    transition: 0.3s all;
}

.menu-card>a:after {
    content: "";
    position: absolute;
    top: -16px;
    right: 30px;
    height: 30px;
    width: 34px;
    background: #FF304D;
    transform: rotate(337deg);
}

.menu-card>a::before {
    content: "";
    position: absolute;
    right: -44px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 50px;
    border: 1px solid #FF304D;
    transform: rotate(35deg);
}

.menu-card {
    height: 100%;
}

.marquee-wrap svg {
    font-size: 20px;
    cursor: pointer;
}

.left-side-div {
    background: #fff;
    padding: 10px;
    margin: 5px 10px 0;
    display: none;
}

button:focus {
    outline: none !important;
}

.ui-datepicker-title {
    padding: 2px;
}

.date-dtls p {
    font-size: 14px;
    color: #403D3D;
    font-weight: 500;
    margin-bottom: 2px;
}

.date-dtls {
    margin-bottom: 12px;
}

.ui-datepicker-prev:after, .ui-datepicker-next:after {
    display: none !important;
}

/* From Uiverse.io by vishnupprajapat */
.checkbox-wrapper-46 input[type="checkbox"] {
    display: none;
    visibility: hidden;
}

.checkbox-wrapper-46 .cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}

.checkbox-wrapper-46 .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-46 .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #9098a9;
    transition: all 0.2s ease;
}

.checkbox-wrapper-46 .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-46 .cbx span:first-child:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #506eec;
    display: block;
    transform: scale(0);
    opacity: 1;
    border-radius: 50%;
}

.checkbox-wrapper-46 .cbx span:last-child {
    padding-left: 8px;
}

.checkbox-wrapper-46 .cbx:hover span:first-child {
    border-color: #506eec;
}

.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child {
    background: #506eec;
    border-color: #506eec;
    animation: wave-46 0.4s ease;
}

.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child svg {
    stroke-dashoffset: 0;
}

.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child:before {
    transform: scale(3.5);
    opacity: 0;
    transition: all 0.6s ease;
}

@keyframes wave-46 {
    50% {
        transform: scale(0.9);
    }
}

.sbmit-btn .event-btn {
    border: none;
    margin-top: 10px;
}

.sbmit-btn {
    text-align: center;
}

.date-dtls .datepicker {
    font-size: 14px;
}


.yoga-breadcramp.yoga-breadcramp {
    height: auto;
}

.toggl-clls {
    position: relative;
}

.down-arrow {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    height: 17px;
    width: 17px !important;
    color: #000;
    margin: auto;
    pointer-events: none;
    transition: 0.4s all;
}

.left-slidebar a:hover .down-arrow, .toggl-clls .active .down-arrow {
    color: #fff !important;
}

.toggl-clls .active .down-arrow {
    transform: rotate(180deg);
}

.yoga-breadcramp.yoga-breadcramp li {
    font-size: 20px;
    line-height: 30px;
    color: #212529;
}

.yoga-breadcramp.yoga-breadcramp li a {
    color: #E91B27;
    font-weight: 600;
}

.yoga-breadcramp.yoga-breadcramp {
    height: auto;
    padding-top: 0;
    margin-bottom: 15px !important;
}

.yoga-breadcramp.yoga-breadcramp li:nth-child(even) {
    margin: 0 8px;
}

.yoga-breadcramp.yoga-breadcramp li a:hover {
    opacity: 0.7;
}

.yoga-breadcramp.yoga-breadcramp .head-title {
    text-align: left;
    border-bottom: 1px solid #00000040;
}

.ellips-toggle {
    display: inline-block;
}

.ellips-toggle .svg-inline--fa {
    font-size: 20px;
    color: white;
    background: linear-gradient(282.7deg, #F31C28 -52.98%, #3C1CFC 131.12%);
    padding: 4px;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    cursor: pointer;
}

.new-active {
    transform: rotate(360deg);
}

.innr-div {
    flex: 0 0 auto;
    width: 32%;
}

.inr-div-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.new-activee {
    display: none;
}

@media only screen and (max-width: 1560px) {

    .marquee-wrap {
        padding: 12px;
    }

    .title_img h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .yoga-breadcramp.yoga-breadcramp li {
        font-size: 15px;
        line-height: 25px;
    }

    .yoga-breadcramp.yoga-breadcramp {
        margin-bottom: 15px !important;
    }

    .checkbox-wrapper-46 .cbx span {
        font-size: 14px;
    }

    .checkbox-wrapper-46 .cbx span:last-child {
        padding-left: 5px;
    }

    .left-side-div {
        padding: 8px;
        margin: 5px 8px 0;
    }

    .date-dtls .datepicker {
        height: 34px;
    }

    .date-dtls p {
        font-size: 13px;
        margin-bottom: 1px;
    }

    .marquee-div {
        border-radius: 4px;
    }

    .marquee-div h5 {
        height: 36px;
        padding: 0 22px;
        font-size: 15px;
    }

    .marquee-div marquee {
        height: 36px;
        line-height: 33px;
    }

    .marquee-div marquee a {
        margin-right: 32px;
        padding-right: 32px;
        font-size: 14px;
    }

    .left-slidebar a {
        font-size: 13px;
        padding: 12px 6px 12px 14px;
        gap: 5px;
    }

    .left-slidebar a img {
        width: 17px;
    }

    .left-slidebar {
        width: 19%;
    }

    .three-btn a {
        height: 44px;
        padding: 0 10px;
        border-radius: 10px;
        font-size: 13px;
        gap: 5px;
        width: auto;
    }

    .three-btn {
        gap: 8px;
    }

    .middle-content {
        width: 50%;
        padding: 14px 10px 40px;
    }

    .right-content {
        /* width: 51%; */
        padding: 14px 10px 20px;
    }

    .three-btn a img {
        width: 25px;
    }

    .srch-info {
        margin-top: 20px;
    }

    .srch-info input[type="search"] {
        height: 46px;
        padding: 0 14px;
        border-radius: 16px;
        font-size: 14px;
    }

    .scrch-div {
        height: 32px;
        width: 32px;
    }

    .scrch-div img {
        width: 20px;
    }

    .search-by h4 {
        font-size: 14px;
        padding-left: 12px;
    }

    .search-by select {
        font-size: 14px;
        max-width: 68px;
        background-position-y: -1px;
    }

    .search-by {
        margin: 26px 0;
    }

    .post-wrap {
        padding: 12px 10px;
    }

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

    .event-btn {
        height: 36px;
        padding: 0 20px;
        font-size: 12px;
        border-radius: 8px;
    }

    .news-wrap {
        gap: 15px;
    }

    .news-time {
        font-size: 12px;
    }

    .man-qualify-info {
        margin-top: 6px;
    }

    .like-space {
        padding: 8px 0;
    }

    .like-comnt a {
        height: 40px;
        border-radius: 10px;
        gap: 6px;
        font-weight: 500;
        font-size: 13px;
    }

    .like-comnt a img {
        width: 20px;
    }

    .post-wrap+.post-wrap {
        margin-top: 20px;
    }

    .menu-fig {
        height: 46px;
        width: 46px;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .menu-fig img {
        width: 23px;
    }

    .menu-card p {
        font-size: 12px;
        line-height: 17px;
        height: 35px;
        display: flex;
        align-items: center;
    }

    .menu-card>a::before {
        right: -42px;
        height: 46px;
        width: 46px;
    }

    .menu-card>a:after {
        top: -18px;
        right: 30px;
        height: 29px;
        width: 31px;
        transform: rotate(339deg);
    }

    .menu-card>a {
        padding: 18px 12px;
        border-radius: 14px;
    }

    .mennu-dtlls li {
        padding: 0 4px;
        margin-bottom: 8px;
    }

    ul.mennu-dtlls {
        margin: 0 -4px;
    }

    .timings-dtls {
        right: 25px;
        padding: 3px 10px 17px;
    }

    .timings-dtls h3 {
        font-size: 14px;
    }

    .timings-dtls h4 {
        font-size: 12px;
        padding-top: 3px;
        margin-top: 3px;
    }

    .timings-dtls h5 {
        font-size: 11px;
        padding: 4px 5px;
        border-radius: 3px;
        margin-top: 4px;
    }
}


.news-wrap-list h4 .tags {
    font-weight: 400 !important;
    font-size: 14px;
}


.man-qualify-info .news-time li {
    list-style: none;
    margin-bottom: 5px;
    color: #333;
}

.icon-nw {
    color: #f94680;
    font-size: 13px;
    margin-right: 4px;
}

.event_detail_content.event_detail_content_new ul {
    margin: 0px;
    padding: 0px;
}

.event_detail_content.event_detail_content_new ul li {
    display: block;
    padding-left: 0px;
}

.event_detail_content.event_detail_content_new ul li:before {
    display: none;
}

.event_detail_content.event_detail_content_new ul li h4 {
    float: left;
    padding-right: 5px;
}


.event_detail_content.event_detail_content_new p a {
    padding: 5px 20px;
    border: 1px solid #E91B27;
    border-radius: 8px;
    font-size: 15px;
    color: #E91B27;
    font-weight: 600;
    margin-top: 20px;
    display: inline-block;
    transition: 0.2s all !important;
    line-height: 28px;
}

.event_detail_content.event_detail_content_new p a:hover {
    background: linear-gradient(284.67deg, #3C1CFC -17.34%, #F31C28 94.82%);
    color: #fff;
}

.target p span {
    font-weight: 600;
}

.target .all_date span {
    color: #E91B27;
    font-weight: 600;
}

.event_detail_content.event_detail_content_new {
    max-width: 100%;
}

.wrap-innfo.wrap-innfo {
    position: relative;
}

.wrap-innfo.wrap-innfo .events_date {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
}

.target p {
    color: #403D3D;
}

/* ================== */

.new-dtls-evnt.new-dtls-evnt.event_detail_content {
    max-width: 1100px;
    position: relative;
}

.simple-message {
    padding: 10px 20px;
    background: #fdcd5f;
    border-radius: 6px;
    position: relative;
}

.only-border {
    padding: 5px;
    border: 2px dashed #ddad45;
    border-radius: 6px;
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    right: 10px;
    top: -60px;
}

.simple-message p {
    margin-bottom: 5px;
}

.simple-message p:last-child {
    margin-bottom: 0;
}

.opp-img {
    max-width: 670px;
    display: table;
    margin: auto;
}

.left-slidebar li {
    list-style: none;
}

.lists-innfo li a {
    position: relative;
    padding-left: 35px;
    /* background: #d2d4e3e8;  */
    background: #1a0220e3;
    color: #fff;
}

.lists-innfo li a:after {
    content: "";
    position: absolute;
    top: 23px;
    left: 20px;
    height: 5px;
    width: 5px;
    background: #F31C28;
    border-radius: 50%;
}

.lists-innfo.lists-innfo {
    transition: none !important;
}

.lists-innfo li a:hover::after {
    background: #fff;
}

.event_content.event_content .news-wrap {
    justify-content: start;
    gap: 30px;
}


.pgrs_tabl_scrol.pgrs_tabl_scrol_nw {
    height: 590px;
}

.pgrs_tabl_scrol.pgrs_tabl_scrol_nw .btn {
    background: #000;
}

.pgrs_tabl_scrol.pgrs_tabl_scrol_nw .btn:hover {
    background: #3e3e3e;
    color: #fff;
}



@media only screen and (max-width: 1560px) {

    .event_details p, .event_detail_content ul li {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .simple-message p {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .lists-innfo li a {
        padding-left: 32px;
    }

    .simple-message {
        padding: 8px 12px;
    }

    .lists-innfo li a:after {
        top: 19px;
        left: 20px;
        height: 5px;
        width: 5px;
    }

    .event_detail_content h4 {
        font-size: 15px;
        margin-bottom: 8px;
        width: 100%;
    }

    .only-border {
        top: -64px;
    }

    .event_content.event_content .news-wrap {
        gap: 15px;
    }
}


.right_new {
    width: 80%;
}

.feedback_list_nw {
    padding-top: 0px;
}

.vwasgmnt_tabl_covr {
    overflow: auto;

}

.vwasgmnt_tabl_covr::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.vwasgmnt_tabl_covr::-webkit-scrollbar-track {
    background: #fdd7d7;
    border-radius: 10px;
    padding: 6px;
}

.vwasgmnt_tabl_covr::-webkit-scrollbar-thumb {
    background-color: #f75c5b;
    border-radius: 10px;
}

.vwasgmnt_tabl_covr tr td:first-child {
    white-space: nowrap;
    line-height: 18px;
}

.vwasgmnt_tabl_covr tr td {
    vertical-align: middle;
}

.vwasgmnt_tabl_covr .twin-icn-cel {
    display: inline-flex;
}

.note_icn {
    font-size: 16px;
}

.answer-key-tabl table tr th {
    vertical-align: middle;
    line-height: 18px;
    background: #cbdeff;
}

.answer-key-tabl table tr td:first-child {
    vertical-align: middle;
    line-height: 18px;
}


.vwasgmnt_tabl_covr .tooltiptext {
    box-shadow: 0px 10px 8px -8px #BBBDDF;
}

.profile .fa-w-18 {
    color: #f25957;
}

section.full-width.main-section-field {
    width: 82%;
}

.new-key.new-key {
    /* border: 1px solid #00000026; */
    text-align: center;
    padding-top: 2px;
    background: #FCEDED;
}

.bdrr-row.bdrr-row .table_list {
    /* background: #FCEDED; */
    border: 1px solid #00000029;
    padding-top: 10px;
}

.bdrr-row.bdrr-row .table_list:nth-child(1), .bdrr-row.bdrr-row .table_list:nth-child(2) {
    border-right: 0;
}

.new-lstt.new-lstt {
    border: 1px solid #00000026;
    /* padding-top: 5px; */
    padding: 6px 10px;
}

.new-lstt.new-lstt .sub-section-field h3 {
    padding-left: 6px;
}

.total-mssg.total-mssg {
    position: relative;
    height: 30px;
    width: 30px;
    display: inline-flex;
    background: #e11c3c;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #fff;
    margin-left: 5px;
    font-size: 15px;
    transition: 0.4s all;
}

.left-slidebar li.active a .total-mssg.total-mssg, .left-slidebar a:hover .total-mssg.total-mssg {
    background: #ffffff;
    color: #403D3D;
}

.pss-wrap input {
    margin-top: 0 !important;
}

.pss-wrap label {
    font-size: 16px !important;
    line-height: 32px !important;
    margin-top: 0 !important;
}

.pss-wrap.pss-wrap {
    margin-top: 20px;
    position: relative;
}

.blck-mssg {
    position: absolute;
    right: 6px;
    bottom: -1px;
    font-size: 12px;
    color: #FF304D;
    font-weight: 600;
}

.blked-msgg h3 {
    font-size: 22px;
    text-align: center;
    color: #da0100;
    margin: 20px 0 0;
}

.event-second-tab.event-second-tab .single_event {
    border: 1px solid #00000040;
    padding: 12px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.wishlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
}

.search-section {
    display: flex;
    gap: 15px;
    padding-top: 15px;
    justify-content: end;
}

input.submit-bttn {
    border: 0;
    padding: 0 35px;
    font-size: 15px;
    background: linear-gradient(141.2deg, #542E7C 27.72%, #FF304D 178.14%);
    color: #fff;
    border-radius: 4px;
    transition: 0.4s all;
}

input.submit-bttn:hover {
    background: linear-gradient(268deg, #542E7C 27.72%, #FF304D 178.14%);
}

.sugg-info {
    width: 100%;
    max-width: 370px;
    position: relative;
}

.srch-input {
    background: #5621480a;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-size: 15px;
    height: 44px;
}

.tabpg-contnr.tabpg-contnr ul.tabs.aca-tabs li {
    display: block;
    width: 100%;
}

.tabpg-contnr.tabpg-contnr.tabpg-contnr .aca-tabs {
    display: flex;
    width: 100%;
    gap: 10px;
}

.tabpg-contnr.tabpg-contnr.tabpg-contnr ul.tabs.aca-tabs li span {
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.search-section .form-control:focus {
    border-color: rgb(90 33 72 / 17%);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgb(90 33 72 / 5%);
}

.tabpg-contnr.tabpg-contnr ul.tabs.aca-tabs li span:hover {
    /* background: linear-gradient(141.2deg, #542E7C 27.72%, #FF304D 178.14%); */
    background-color: transparent;
}

.sugg-lists.sugg-lists {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #f2eef1;
    z-index: 9;
    border: 1px solid #5d214814;
    border-top: 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 0 0 6px 6px;
}

.suggestion-item {
    transition: 0.4s all;
}

.suggestion-item:hover {
    background: #e7e4e6;
}

.suggestion-item+.suggestion-item {
    border-top: 1px solid #5d214821;
}


@media only screen and (max-width: 1560px) {

    .blked-msgg h3 {
        font-size: 18px;
    }

    .search_info_data.search_info_data.search_info_dataNew ul li {
        margin: 5px;
        padding: 10px 10px;
        font-size: 12px;
        border-radius: 12px;
        width: 32%;
    }

    .sub_heading.sub_heading {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .search_info_data {
        padding-top: 30px;
    }

    section.full-width.main-section-field {
        width: 81%;
    }

    .uplod_asgmnt_tabl.uplod_asgmnt_tabl tr td {
        font-size: 11px !important;
        padding: 8px 4px;
    }

    .uplod.uplod.uplod.uplod {
        font-size: 10px !important;
        padding: 6px 2px !important;
        width: 45px;
    }

    .file-upload_fld input {
        background: #e6e6e6;
        line-height: 12px !important;
        font-size: 12px !important;
        padding: 6px 3px !important;
    }

    .uplod_asgmnt_tabl.uplod_asgmnt_tabl .plus-button, .minus-button {
        height: 30px;
        padding: 0 8px;
        font-size: 18px;
    }

    .noo-padding.noo-padding {
        padding-left: 10px !important;
        margin-top: 10px !important;
    }

    .sub-section-field.sub-section-field.sub-section-field.search_info_data ul li.bdrnon {
        font-size: 16px !important;
    }

    .total-mssg.total-mssg {
        position: relative;
        height: 26px;
        width: 26px;
        font-size: 13px;
    }

    .pss-wrap.pss-wrap {
        margin-top: 17px;
    }

    .srch-input {
        font-size: 13px;
        height: 38px;
    }

    .sugg-info {
        width: 100%;
        max-width: 340px;
    }

    input.submit-bttn {
        padding: 0 26px;
        font-size: 14px;
    }

    .search-section {
        gap: 12px;
        padding-top: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .search_info_data.search_info_data.search_info_dataNew ul li {
        width: 28%;
    }
}

@media only screen and (max-width: 500px) {
    .marquee-wrap {
        padding: 8px 8px 4px;
    }

    .three-btn.three-btn.three-btn.three-btn.three-btn a {
        width: 100%;
        white-space: nowrap;
        padding: 0 4px;
    }

    .ellips-toggle .svg-inline--fa {
        font-size: 12px;
        padding: 3px;
        height: 24px;
        width: 25px;
    }

    .title_img h3 {
        font-size: 14px;
        margin-bottom: 10px;
        text-align: left;
    }

    .event_detail_content h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .event_detail_content ul li {
        padding-left: 15px;
    }

    .event_detail_content ul li:before {
        width: 9px;
        height: 9px;
        top: 5px;
    }

    .date_location li {
        height: 32px;
        gap: 5px;
        border-radius: 6px;
        padding: 0 10px;
        font-size: 12px;
    }

    .date_location li:nth-child(1) {
        width: auto;
    }

    .today_class table td span {
        font-size: 9px;
        line-height: 9px;
    }

    .today_class {
        overflow-x: scroll;
    }

    .today_class::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    section.full-width.main-section-field {
        width: 100%;
    }

    .search_info_dataNew ul {
        padding: 0 0px 10px !important;
    }

    .search_info_data.search_info_data.search_info_dataNew ul li {
        width: 100%;
        margin: 0 0 8px;
    }

    .sub-section-field.search_info_data ul li.bdrnon {
        font-size: 14px !important;
    }

    .main-section-field.main-section-field .respnsive-width.respnsive-width {
        margin-top: 10px !important;
        margin-bottom: 15px;
        padding: 10px 0 !important;
    }

    .sub_heading.sub_heading {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .uplod.uplod.uplod.uplod {
        width: 100%;
    }

    .instruction-text.instruction-text {
        margin-top: 10px;
    }

    .sub-section-field-content .submit-upload-button {
        font-size: 12px !important;
        margin-right: 0 !important;
    }

    .search_info_data.search_info_dataNew ul {
        border-radius: 0 !important;
    }

    .atndnce_cel.atndnce_cel.atndnce_cel.atndnce_cel {
        padding: 0 0px 10px !important;
    }

    .main-table h3, .main-table h3, .official.pro-progress h3, .lib-bottom h4, .comm-head h4 {
        font-size: 15px;
    }

    .pgrs_tabl_scrol table tr td, .pgrs_tabl_scrol table tr th {
        font-size: 13px;
    }

    .lft-mnuu.lft-mnuu {
        height: 100dvh;
        overflow-y: scroll;
    }

    .logo {
        align-items: center;
    }

    .post-wrap+.post-wrap {
        margin-top: 10px;
    }

    .post-wrap {
        border-radius: 8px;
        padding: 10px 8px;
    }

    footer.main-foot {
        height: 20px;
        line-height: 20px;
        margin-top: 20px;
        padding-top: 20px;
    }

    /* footer.main-foot .contact,
    footer.main-foot .social{
        text-align: center;
        width: 100%;
        float:none;
    } */

    .social {
        float: left;
        width: 100%;
        margin-top: 0px;
    }

    .social p {
        font-size: 10px !important;
        margin-top: 0px !important;
        align-items: end;
        /* justify-content: center; */
    }

    .right_new76 {
        width: 80% !important;
    }

    .sub-section-field.sub-section-field.sub-section-field.search_info_data ul li.bdrnon {
        font-size: 16px !important;
    }

    .message-wrapper.message-wrapper {
        display: block;
    }

    .msg-left-panl {
        width: 100%;
        padding: 15px 8px;
        height: auto;
    }

    .msg-left-panl ul {
        height: 500px;
    }

    .msg-right-panl {
        width: 100%;
        height: 500px;
        overflow-y: scroll;
        background: #fff;
        border-radius: 14px;
        display: block;
        z-index: 9;
        position: relative;
        margin-top: 25px;
    }

    .big-font.big-font {
        font-size: 15px;
        margin-bottom: 0;
    }

    .chat-information h5 {
        font-size: 12px;
        line-height: 20px;
    }

    figure.icon-fig-logo {
        height: 28px;
        width: 28px;
    }

    figure.icon-fig-logo img {
        padding: 0px;
        width: 22px;
    }

    .all-chat {
        display: flex;
        gap: 6px;
        margin-bottom: 10px;
    }

    .chat-information {
        padding: 8px 10px 20px;
        min-height: 50px;
    }

    .name-info p {
        font-size: 12px;
    }

    .sml-name {
        height: 30px;
        width: 30px;
        font-size: 13px;
    }

    .chat-information h6 {
        font-size: 10px;
    }

    .msg-reply {
        padding: 8px 10px;
        font-size: 13px;
    }

    .txt-new-sticky.txt-new-sticky {
        height: 32px;
        width: 40px;
        border-radius: 20px;
        padding: 8px;
    }

    .msg-reply textarea {
        padding-left: 20px;
        height: 44px !important;
    }

    .border-nno {
        right: 18px;
    }

    .msg-reply textarea::placeholder {
        font-size: 14px !important;
    }

    .name-info {
        padding: 10px 8px;
    }

    .message-wrapper {
        padding: 15px 10px;
    }

    .right-panl-chat {
        padding: 10px;
    }

    .upper-dtls input {
        font-size: 14px;
    }

    .chat-hdding {
        font-size: 19px;
        margin-bottom: 5px;
    }

    #noResultsMessage {
        font-size: 14px;
        padding-left: 10px;
    }

    .upper-dtls {
        margin-bottom: 12px;
    }

    .docu-table.docu-table h4 {
        margin: 0 0 15px;
        font-size: 19px;
    }

    .extra-lft, .extra-lft select {
        height: auto !important;
        margin-bottom: 10px !important;
    }

    .search-left input[type="text"], .select2-selection__rendered {
        height: 38px !important;
        line-height: 38px !important;
        font-size: 13px !important;
        padding: 0 12px !important;
        border-radius: 6px !important;
    }

    .form-row {
        margin-bottom: 4px;
    }

    .docu-table.docu-table .gap20 {
        margin-top: 0 !important;
    }

    .gaptop55 {
        margin-top: 0 !important;
    }

    .extra-lft label, .extra-lft select {
        font-size: 13px;
    }

    .gap15 {
        margin-top: 0 !important;
    }

    .btn {
        margin-right: 0;
        font-size: 13px;
    }

    .extra-lft select {
        height: 38px !important;
        border-radius: 6px;
    }

    .evnt_detl_covr .details-head {
        font-size: 16px;
    }

    .evnt_detl_covr.evnt_detl_covr h5 {
        font-size: 14px;
    }

    .clubCardButton.clubCardButton {
        border-radius: 6px;
        height: 38px;
        font-size: 13px;
        padding: 0 18px;
        margin-top: 15px;
        width: 100%;
    }

    .assignment_sec .docu-table {
        padding: 0 !important;
    }

    .fc .fc-toolbar {
        align-items: start;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    /* .fc-scrollgrid.fc-scrollgrid  thead th, .fc-scrollgrid.fc-scrollgrid  tbody td{
        width: 300px !important;
    } */



}


.club-sec .official {
    position: relative;
    padding-top: 10px;
    width: 100%;
}

.club-sec .official:before {
    display: none;
}

.club-sec .midm-bx1,
.club-sec .botm-rght-line {
    display: none;
}


.right-content-wrapper .right_content_inner .event_details ul li p span {
    font-family: "Poppins", sans-serif !important;
    width: 100%;
}


.inr-div-wrap .target {
    width: 100%;
}