@charset "UTF-8";
/* ================================================== */
/* ================================================== */
/* UIT DEVELOPMENT - EW LIBRARY CSS */
/* START */
/* UIT DEVELOPMENT */
/* ================================================== */
/*                 TABLE OF CONTENTS                  */
/* ================================================== */
/* 
   #01. PAGE URL CSS
   #02. CONTENT HEADING CSS

   #03. HEADLINE CSS
   #04. HEADER SLIDER CSS
   #05. ACADEMIC ARTICLE CSS
   #06. ACADEMIC EVENTS CSS
   #07. ACADEMIC ACHIVEMENT CSS
   #08. ACADEMIC GALLERY CSS
   #09. ACADEMIC TESTIMONIAL CSS
   #10. ACADEMIC CALENDER CSS

   #11. ABOUT US CSS
   #12. CONTACT US CSS

   #13. ACADEMIC RESULT CSS
   #14. ACADEMIC HR PROFILE CSS

   #15. EVENT LIST & DETAILS CSS
   #16. SIDEBAR CSS
   #17. ACADEMIC NOTICE CSS
   #18. ACADEMIC PHOTO GALLERY CSS
*/
/* ================================================== */
/* ================================================== */

/* START */

/* =============================================== */
/* ====== #01. PAGE URL CSS START                  */
/* =============================================== */

.page_url-content {
    height: 0px;
    position: relative;
    z-index: 1;
    margin-top: -22.5px;
}

.page_url-content .container {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 0px 60px;
}

.page_url-content .p_u-content {
    height: 45px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #112F0F;
    padding: 0px 15px;
}

.page_url-content .p_u-content h3 {
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
}

.p_u-breadcrumb {
    margin-bottom: 0px;
    gap: 5px;
}

.p_u-breadcrumb a {
    color: #ffffff;
}

.p_u-breadcrumb i {
    font-size: 11px;
}

@media (max-width: 767px) {
    .page_url-content .p_u-content h3 {
        font-size: 13px;
    }

    .page_url-content {
        margin-top: -17.5px;
    }

    .page_url-content .p_u-content {
        height: 35px;
        speak-as: no-punctuation;
    }
}

.page_url-content+section,
.page_url-content+div {
    margin-top: 22.5px;
}

/* =============================================== */
/* ====== #01. PAGE URL CSS END                    */
/* =============================================== */

/* =============================================== */
/* ====== #02. CONTENT HEADING CSS START           */
/* =============================================== */

.content_default-heading {
    width: 100%;
    text-align: center;
    margin: 0px 0px 40px 0px;
}

.content_default-heading h3 {
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
}

.content_default-heading h3:before {
    background-color: #666666;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 80px;
    width: 50px;
}

.content_default-heading h3:after {
    background-color: #bbbbbb;
    bottom: 1px;
    content: "";
    height: 1px;
    left: 62.5px;
    margin: auto;
    position: absolute;
    right: 0;
    width: 65px;
}

.content_default-heading p {
    margin: 10px 0px;
    font-size: 16px;
}

.content_default-heading ::selection {
    background: orange;
    color: #ffffff;
}

/* =============================================== */
/* ====== #02. CONTENT HEADING CSS END             */
/* =============================================== */

/* =============================================== */
/* ====== #02. HEADLINE CSS START                  */
/* =============================================== */

.headline-content {
    height: 0px;
    width: 100%;
    margin-top: -22.5px;
    position: relative;
    z-index: 1;
}

.headline-content .container {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 0px 60px;
}

.headline_content-cover {
    height: 45px;
    width: 100%;
    display: grid;
    grid-template-columns: 130px auto;
    background-color: #FFFFFF;
}

.headline-left-content {
    height: 100%;
    width: 100%;
}

.headline-name {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 5px;
    padding: 0px 15px 0px 15px;
    background-color: #112F0F;
    color: #FFFFFF;
    cursor: default;
}

.headline-name .arrow {
    border-color: #FFFFFF;
    border: 1.5px 0px 0px 1.5px;
}

.headline-right-content {
    height: 100%;
    box-shadow: inset 0px 0px 2px #17313b;
}

.headline-notice-cover {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: start;
}

.headline-notice-list {
    height: 100%;
    display: flex;
    align-items: center;
}

.headline-notice-content {
    height: 100%;
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.headline-notice-point {
    position: relative;
    height: 10px;
    width: 10px;
    background-color: orangered;
    border-radius: 50%;
    margin: 0px 0px 0px 15px;
    opacity: 0;
    animation: notification-grow 3s linear infinite;
}

/* RESPONSIVE */

@media (max-width: 1080px) {
    .header_slider-content .container {
        padding-top: 25px;
    }

    .headline_content-cover {
        height: 30px;
        grid-template-columns: 45px auto;
    }

    .headline-content {
        transform: translateY(7.5px);
    }

    .headline-name {
        padding: 0px;
        justify-content: center;
    }

    .headline-name span {
        display: none;
    }
}

/* =============================================== */
/* ====== #03. HEADLINE CSS END                    */
/* =============================================== */


/* =============================================== */
/* ====== #04. HEADER SLIDER CSS START            */
/* =============================================== */

.header_slider-content {
    height: auto;
    width: 100%;
    margin-top: 22.5px;
}

.heading_slider-cover {
    /* box-shadow: 0px 0px 5px #dddddd; */
}

.header_slider-content .container {
    padding-top: 50px;
}

.header_slider-content .container>div {
    /* display:grid; */
    /* grid-template-columns: auto 380px; */
    /* gap: 25px; */
}

@media (max-width: 500px) {
    .header_slider-content .container>div {
        grid-template-columns: auto;
    }
}

/*  */

.heading_slider .carousel-inner {
    /* padding: 5px; */
    background-color: #dddddd;
}

.heading_slider .carousel-indicators {
    background-color: #00000000;
    height: auto;
    width: auto;
    bottom: 34.5px !important;
}

.heading_slider .carousel-indicators button {
    height: auto;
    width: auto;
    display: none;
    align-content: start;
    justify-content: start;
    text-indent: unset;
    margin: unset;
    padding: 15px 15px;
    background-color: #00000044;
    color: #FFFFFF !important;
    border: unset;
    text-align: center;
    backdrop-filter: blur(2px);
}

.heading_slider .carousel-indicators button.active {
    display: grid;
}

.heading_slider .carousel-indicators button * {
    color: #fff;
}

.heading_slider .carousel-indicators button h3 {
    padding: 0px 7.5px;
}

.heading_slider .carousel-indicators button p {
    font-size: 16px;
    margin: 10px 0px 0px 0px;
}

.heading_slider .carousel-item img {
    min-height: 450px;
    height: 450px;
    min-width: 100%;
    width: 100%;
}

.heading_slider .carousel-control-prev,
.heading_slider .carousel-control-next {
    height: 45px;
    width: 45px;
    background-color: #00000044 !important;
    backdrop-filter: blur(2px);
    font-size: 11px;
    opacity: 0.9;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
}

.heading_slider .carousel-control-prev {
    right: calc(50% + 1px);
    bottom: 2.5px;
}

.heading_slider .carousel-control-next {
    left: calc(50% + 1px);
    bottom: 2.5px;
}

.heading_slider .arrow {
    border-color: #FFFFFF;
    padding: 4px;
    border-width: 1.5px 0px 0px 1.5px;
}

/*  */
.heading_event-cover {
    width: 100%;
    /* padding: 5px; */
    padding: 50px 90px 0px 90px;
    background-color: #fff;
    /* box-shadow: inset 0px 0px 2px #17313b80; */
    /* box-shadow: 0px 0px 5px #dddddd; */
    /* border: 1px solid #dddddd; */
    display: flex;
    gap: 25px;
}

.heading_event-top {
    height: auto;
    width: 30%;
    padding: 5px 5px 7.5px 5px;
    background-color: #eee;
    background-color: var(--bgc);
}

.heading_event-title {
    height: 55px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
}

.heading_event-title h4 {
    color: orange;
    font-size: 20px;
}

.heading_event-title h4::selection {
    background-color: orange;
    color: #FFFFFF;
}

.he_img-cover {
    height: auto;
    width: 100%;
    overflow: hidden;
}

img.he_img {
    height: auto;
    width: 100%;
}

.heading_event-view {
    padding-top: 5px;
}

.heading_event-view a {
    height: 30px;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    color: orange;
    text-transform: uppercase;
}

.ntQuickContent {
    padding-top: 15px;
}

.ntQuickContent h3{
    color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 10px;
}

.ntQuickContent > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ntQuickContent a {
    /* height: 30px; */
    display: flex;
    align-items: center;
    grid-gap: 5px;
    color: orange;
    text-transform: uppercase;
}

/*  */
.heading_event-bottom {
    overflow: hidden;
    width: 70%;
    border: 1px solid var(--bgc);
}

.heading_event-bottom .achrHeading {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 5px 10px;
    background-color: var(--bgc);
    color: #FFFFFF;
}

.heading_event-bottom .achrHeading::before {
    content: "";
    height: 2px;
    width: 100px;
    background-color: #000000;
}

.heading_event-bottom .achrHeading::after {
    content: "";
    height: 2px;
    width: 100px;
    background-color: #000000;
}

.ach_news-cover {
    min-height: 250px;
    max-height: 300px;
    width: 100%;
    overflow: auto;
    padding-inline: 5px;
}

.ach_news-content {
    height: auto;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    border-bottom: 1px solid #DDDDDD;
    padding: 5px 0px;
}

.ach_news-content:last-child {
    border: unset;
}

.ach_news-date_month,
.ach_news-date_day {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5px 0px;
    background-color: #eee;
    font-size: 13px;
}

.ach_news-date_month {
    background-color: var(--bgc);
    color: #ffffff;
    ;
}

.ach_news-content h3 {
    font-size: 15px;
}

/* RESPONSIVE */

@media (max-width: 1080px) {
    .heading_slider .carousel-item img {
        min-height: 200px;
        height: 200px;
    }

    .heading_slider .carousel-indicators button {
        padding: 5px;
    }

    .heading_slider .carousel-indicators button h3 {
        font-size: 18px;
    }
}
@media (max-width: 1279px) {
    .heading_event-cover {
        padding: 50px 50px 0px 50px;
    }
}
@media (max-width: 720px) {
    .heading_event-cover {
        padding: 25px 15px 0px 15px;
        flex-direction: column-reverse;
    }
    .heading_event-top{
        width: 100%;
    }
    .heading_event-bottom{
        width: 100%;
    }
    .achrHeading{
        font-size: 15px;
    }

    /*  */
    .heading_slider .carousel-indicators button p {
        font-size: 11px;
        margin: 0px;
    }
}

/* =============================================== */
/* ====== #04. HEADER SLIDER CSS END               */
/* =============================================== */


/* =============================================== */
/* ====== #05. ACADEMIC ARTICLE CSS START          */
/* =============================================== */

.ew_service-descript {
    float: left;
    width: 100%;
    padding: 0px 15px;
    text-align: center;
}

.ew_service-descript span {
    display: inline-block;
    width: 83px;
    height: 83px;
    border-radius: 100%;
    font-size: 32px;
    background-color: #fff;
    color: #666666;
    border: solid 1px #ddd;
}

.ew_service-descript:hover span {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.ew_service-descript span i {
    line-height: 83px;
}

.ew_service-descript h6 {
    font-weight: normal;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    margin: 18px auto 15px auto;
}

.ew_service-descript p {
    margin: 0 0 19px 0;
}

.ew_service-descript a {
    display: inline-block;
    font-weight: bold;
    color: #666666;
    text-transform: capitalize;
    margin: 15px auto;
    font-size: 14px;
}

.ew_service-info:hover span,
.ew_service-info:hover h6,
.ew_service-info:hover .ew_service-descript a {
    color: #0b3e03;
}

.ew_service-info figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.ew_service-info figure img {
    width: 100%;
}

.ew_service-info figure:before {
    position: absolute;
    content: "";
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    opacity: 0;
    background-color: #0b3e03;
    /* background-color: #e79800#; */
}

.ew_service-info:hover figure:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.70;
}

.ew_service-info figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(1.25);
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.ew_service-info:hover figcaption {
    opacity: 1;
    transform: scale(1);
}

.ew_service-info figcaption a {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
}

.ew_service-info *:not(.undefined),
.ew_service-info figure:before {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

/* =============================================== */
/* ====== #05. ACADEMIC ARTICLE CSS END            */
/* =============================================== */

/* =============================================== */
/* ====== #00. SPEECH ARTICLE CSS START            */
/* =============================================== */

.__aSContent {
    height: auto;
}

.__aSCWrap {
    min-height: auto;
    width: 100%;
    display: grid;
    /* grid-template-columns: auto 28% 28%; */
    grid-template-columns: auto 300px;
    /* align-content: start; */
    gap: 25px;
}

.academicHrCorner{
    /* display: grid;
    gap: 15px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.achsContent {
    border: 1px solid var(--bgc) !important;
    padding: 0px !important;
}

.achsContent .__aSpeechWrap{
    padding: 25px;
}

.achsContent .achrHeading{
    background-color: var(--bgc) !important;
    color: #FFFFFF;
    padding: 5px 10px;
}

.__aSCWrap .achrContent {
    height: auto;
    background-color: #eeeeee;
    padding: 25px;
    width: 100%;
    /* max-width: 380px; */
}


.__aSCWrap .achrHeading {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.__aSCWrap .achrHeading::before {
    content: "";
    height: 2px;
    width: 100px;
    background-color: #000000;
}

.__aSCWrap .achrHeading::after {
    content: "";
    height: 2px;
    width: 100px;
    background-color: #000000;
}

.__aSCIWrap {
    display: flex;
    justify-content: center;
    padding: 25px 0px;
}

.__aSCIWrap img {
    height: 150px;
    width: auto;
}

.__aSCFinfo {
    text-align: center;
    padding: 0px 25px;
    padding-bottom: 15px;
    display: grid;
    gap: 2.5px;
    font-size: 13px;
}

.__aSpeechWrap {
    text-align: center;
}

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

.__aSpeechWrap .more {
    max-height: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.__aSpeechWrap.in .more {
    max-height: unset;
}

.__aSpeechWrap a {
    color: red !important;
    cursor: pointer;
    font-size: 17px;
}

.__aSpeechWrap a span:last-child {
    display: none;
}

.__aSpeechWrap.in a span:first-child {
    display: none;
}

.__aSpeechWrap.in a span:last-child {
    display: unset;
}


@media (max-width: 500px) {
    .__aSCWrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* =============================================== */
/* ====== #00. SPEECH ARTICLE CSS END              */
/* =============================================== */

/* =============================================== */
/* ====== #06. ACADEMIC EVENTS CSS START           */
/* =============================================== */

.news_events-content .container {
    padding-bottom: 25px;
}

.news_events-info {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
}

.news_events-descript {
    position: relative;
    text-align: left;
}

.news_events-descript.text-right {
    padding-top: 15px;
}

.news_events-descript.text-right,
.news_events-descript.text-right * {
    text-align: right;
}

.news_events-descript h4 {
    font-weight: bold;
    margin-bottom: 18px;
}

.news_events-descript p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: normal;
}

.news_events-descript ul {
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    line-height: normal;
}

.news_events-descript ul li {
    display: inline-block;
    font-size: 13px;
    color: #999999;
    text-transform: capitalize;
    margin-left: 8px;
}

.news_events-descript ul li:first-child {
    margin-left: 0px;
}

.news_events-descript ul>li>a {
    font-size: 13px;
    color: #999999;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 0px;
}

.news_events-descript>a {
    margin-bottom: 10px;
}

.news_events-descript h4,
.news_events-descript>a {
    color: #0b3e03;
}

.news_events-info figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.news_events-info figure img {
    width: 100%;
}

.news_events-info figure:before {
    position: absolute;
    content: "";
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    opacity: 0;
    background-color: #0b3e03;
}

.news_events-info:hover figure:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.70;
}

.news_events-info figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(1.5);
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.news_events-info:hover figcaption {
    opacity: 1;
    transform: scale(1);
}

.news_events-info figcaption * {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
}

.news_events-info *:not(.undefined),
.news_events-info figure:before {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

/* =============================================== */
/* ====== #06. ACADEMIC EVENTS CSS END             */
/* =============================================== */


/* =============================================== */
/* ====== #07. ACADEMIC ACHIVEMENT CSS START       */
/* =============================================== */

.academic_achivement-content {
    background-color: #2d2e32;
    position: relative;
    padding: 15px 0px;
}

.academic_achivement-content:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/counter-bg.png);
}

.academy_data-info {
    border-right: solid 1px rgba(255, 255, 255, 0.3) !important;
    text-align: center;
    padding: 45px 0px;
}

.academic_achivement-content .col-sm-3:last-child .academy_data-info {
    border: none !important;
}

.academy_data-info span {
    font-size: 55px;
    color: #fff;
    line-height: normal;
    display: block;
    margin: -8px -1px 0;
}

.academy_data-info h3 {
    font-size: 34px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 9px;
}

.academy_data-info h5 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: -4px;
}

/* RESPONSIVE */

@media (max-width: 767px) {
    .academy_data-info {
        width: unset;
        border-right: none !important;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3) !important;
    }
}

/* =============================================== */
/* ====== #07. ACADEMIC ACHIVEMENT CSS END         */
/* =============================================== */

/* =============================================== */
/* ====== #08. ACADEMIC GALLERY CSS START          */
/* =============================================== */

.academy_gallery-info figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.academy_gallery-info figure img {
    width: 100%;
}

.academy_gallery-info figure:before {
    position: absolute;
    content: "";
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    opacity: 0;
    background-color: #0b3e03;
}

.academy_gallery-info:hover figure:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.70;
}

.academy_gallery-info figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(1.25);
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center;
}

.academy_gallery-info:hover figcaption {
    opacity: 1;
    transform: scale(1);
}

.academy_gallery-info figcaption * {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
}

.academy_gallery-info figcaption a {
    height: 45px;
    width: 45px;
    display: grid;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #fff;
}

.academy_gallery-info *:not(.undefined),
.academy_gallery-info figure:before {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

/*  */

.ac_photo-gallery {
    float: left;
    width: 100%;
}

/* .filterable-item.col-md-3 {
    width: 24.95%;
} */

#filterable-item-filter-1 {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}

#filterable-item-filter-1 li {
    display: inline-block;
    margin: 0px 3px;
}

#filterable-item-filter-1 a {
    border: 2px solid;
    display: block;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;
    margin: 0px;
    cursor: pointer;
    text-transform: uppercase;
    line-height: normal;
}

#filterable-item-filter-1>li .active {
    background: #fff;
}

.masoned {
    clear: both;
}


.edu_masonery_thumb {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.edu_masonery_thumb img {
    width: 100%;
}

.edu_masonery_thumb:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #000;
    opacity: 0;
}

.edu_masonery_thumb:hover:before {
    opacity: 0.65;
}

.edu_masonery_thumb .masonry_icon {
    color: #fff;
    font-size: 24px;
    left: 0;
    margin: -14.5% auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}

.edu_masonery_thumb a.zoom {
    border-radius: 100%;
    color: #fff;
    font-size: 31px;
    height: 50px;
    left: 0;
    line-height: 47px;
    margin: -37px auto 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 50px;
}

.edu_masonery_thumb:hover a {
    opacity: 1;
}

.edu_masonery_thumb .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    text-align: center;
}

.edu_masonery_thumb:hover .caption {
    bottom: 0;
}

.edu_masonery_thumb .caption a {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    padding: 20px 0px;
    font-family: 'Roboto Slab', serif;
}

#filterable-item-filter-1>li .active {
    color: #0b3e03;
}

.edu_masonery_thumb figure figcaption,
.edu_masonery_thumb .caption,
#filterable-item-filter-1 a {
    background-color: #0b3e03;
}

#filterable-item-filter-1 a,
#filterable-item-filter-1>li .active {
    border-color: #0b3e03;
}

.edu_masonery_thumb .caption,
.edu_masonery_thumb:before {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

/* =============================================== */
/* ====== #08. ACADEMIC GALLERY CSS END            */
/* =============================================== */

/* =============================================== */
/* ====== #09. ACADEMIC TESTIMONIAL CSS START      */
/* =============================================== */

.edu_student_wrap_bg {
    /* background-image: url(../images/phsp.jpg); */
    position: relative;
    background-size: cover;
}

.edu_student_wrap_bg:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    background-color: #000;
    opacity: 1;
}

.student_slider_wrap {
    width: 100%;
}

.student_slider_wrap .bx-wrapper {
    padding: 55px 0;
    margin-bottom: 0;
}

.student_slider_des .kf_edu2_heading1 {
    margin-bottom: 30px;
}

.student_slider_wrap .kf_edu2_heading1 h3::before,
.student_slider_wrap .kf_edu2_heading1 h3 {
    color: #fff;
}

.student_slider_wrap .kf_edu2_heading1 h3::before {
    background-color: #fff;
}

.student_slider_des>p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
}

.std_name_des {
    display: inline-block;
}

.std_name_des>a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 3px;
}

/* .std_name_des>a:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 36px;
    padding-right: 0.5em;
    position: absolute;
    top: 3px;
    left: -58px;
} */
.std_name_des small {
    font-size: 16px;
    font-weight: normal;
    color: #999999;
}

.student_slider_wrap .bx-wrapper .bx-viewport {
    background: transparent;
    border: none;
    box-shadow: 0 0 0px #ccc;
    left: 0px;
    transform: translateZ(0px);
    height: auto !important;
    padding: 15px 0px;
}

.student_slider_thumb {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}

.student_slider_thumb a {
    border: 1px solid #fff;
    float: left;
    padding: 5px;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.student_slider_thumb a img {
    border: 1px solid #fff;
    float: right;
    width: auto;
    height: 175px;
}

.student_slider_thumb img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.student_slider_thumb a.active img,
.student_slider_thumb a:hover img {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.student_slider_wrap .bx-controls.bx-has-controls-direction {
    float: left;
    position: relative;
    width: 100%;
}

.student_slider_wrap .bx-wrapper .bx-next {
    right: 0;
}

.student_slider_wrap .bx-wrapper .bx-prev {
    left: 0;
    margin-left: 15px;
}

.student_slider_wrap .bx-controls-direction {
    float: left;
    padding: 0 0;
    position: relative;
    width: 100%;
}

.student_slider_wrap .bx-wrapper .bx-controls-direction a {
    height: 27px;
    margin-top: 0px;
    outline: 0 none;
    position: relative;
    text-indent: -9999px;
    bottom: 0;
    width: 32px;
    z-index: 9999;
    border-radius: 0;
    background-color: #fff;
    line-height: 27px;
    float: right;
}

.student_slider_wrap .bx-controls-direction a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}


/* RESPONSIVE */

@media (max-width: 1080px) {

    .student_slider_wrap .bx-wrapper {
        padding: 55px 13px;
    }
    
    .student_slider_thumb > #bx-pager {
        display: flex;
    }
    .student_slider_thumb > #bx-pager > div {
        flex: 1;
    }

}

/* =============================================== */
/* ====== #09. ACADEMIC TESTIMONIAL CSS END        */
/* =============================================== */

/* =============================================== */
/* ====== #10. ACADEMIC CALENDER CSS START         */
/* =============================================== */

.fc-calender .fc-header-toolbar .fc-left {
    width: 50%;
    margin-bottom: 30px;
}

.fc-calender .fc-header-toolbar .fc-left h2 {
    font-size: 18px;
}

.fc-calender .fc-header-toolbar .fc-right {
    margin-bottom: 30px;
    width: 50%;
}

.fc-calender .fc-header-toolbar .fc-right .fc-button-group {
    float: right;
}

.fc-calender .fc-header-toolbar .fc-right .fc-button-group .fc-button {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

.fc-calender .fc-header-toolbar .fc-right .fc-button-group .fc-button:hover {
    color: #cdcdcd;
}

.fc-calender .fc-header-toolbar .fc-right .fc-button-group .fc-button:focus {
    outline: none;
}

.fc-calender .fc-header-toolbar .fc-center .fc-button-group {
    background-color: #f3f4f5;
    border-radius: 40px;
}

.fc-calender .fc-header-toolbar .fc-center .fc-button-group .fc-button {
    background-image: none;
    box-shadow: none;
    border: none;
    background: none;
    height: auto;
    font-size: 14px;
    color: #a5a5a5;
    text-transform: capitalize;
    padding: 8px 30px;
}

.fc-calender .fc-header-toolbar .fc-center .fc-button-group .fc-button:focus {
    outline: none;
}

@media only screen and (max-width: 479px) {
    .fc-calender .fc-header-toolbar .fc-center .fc-button-group .fc-button {
        padding: 8px 12px;
    }
}

.fc-calender .fc-header-toolbar .fc-center .fc-button-group .fc-button.fc-state-active {
    background-color: #f50057;
    color: #ffffff;
    border-radius: 40px;
    box-shadow: 0px 4px 10px 0px rgba(255, 151, 188, 0.75);
}

.fc-calender .fc-view-container .fc-month-view .fc-event-container {
    display: block;
}

.fc-calender .fc-view-container .fc-month-view .fc-event-container .fc-day-grid-event {
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .fc-calender .fc-view-container .fc-month-view .fc-event-container .fc-day-grid-event {
        display: none;
    }
}

.fc-calender .fc-view-container .fc-month-view .fc-day-grid-container {
    height: auto !important;
}

.fc-calender .fc-view-container .fc-month-view .fc-day-grid-container .fc-week {
    min-height: 30px !important;
}

.fc-calender .fc-view-container .fc-month-view table,
.fc-calender .fc-view-container .fc-basicDay-view table {
    font-size: 14px;
    color: #444444;
}

.fc-calender .fc-view-container .fc-month-view table .fc-head tr .fc-head-container,
.fc-calender .fc-view-container .fc-basicDay-view table .fc-head tr .fc-head-container {
    border: none;
}

.fc-calender .fc-view-container .fc-month-view table .fc-head tr .fc-head-container .fc-row,
.fc-calender .fc-view-container .fc-basicDay-view table .fc-head tr .fc-head-container .fc-row {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

.fc-calender .fc-view-container .fc-month-view table .fc-head tr .fc-head-container .fc-row .fc-day-header,
.fc-calender .fc-view-container .fc-basicDay-view table .fc-head tr .fc-head-container .fc-row .fc-day-header {
    border: none;
    text-align: center;
    padding-bottom: 15px;
}

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

    .fc-calender .fc-view-container .fc-month-view table .fc-head tr .fc-head-container .fc-row .fc-day-header,
    .fc-calender .fc-view-container .fc-basicDay-view table .fc-head tr .fc-head-container .fc-row .fc-day-header {
        font-size: 13px;
    }
}

.fc-calender .fc-view-container .fc-month-view table .fc-body tr td,
.fc-calender .fc-view-container .fc-basicDay-view table .fc-body tr td {
    border: none;
    text-align: center;
    padding: 1rem 0px;
}

.fc-calender .fc-view-container .fc-month-view table .fc-body tr td .fc-scroller .fc-day-grid .fc-week .fc-content-skeleton .fc-day-top .fc-day-number,
.fc-calender .fc-view-container .fc-basicDay-view table .fc-body tr td .fc-scroller .fc-day-grid .fc-week .fc-content-skeleton .fc-day-top .fc-day-number {
    float: initial;
}

@media only screen and (max-width: 479px) {
    .fc-calender .fc-view-container .fc-basicWeek-view .fc-head-container .fc-day-header {
        font-size: 10px;
    }
}

.fc-toolbar .fc-left {
    padding-left: 15px !important;
}

.fc-toolbar .fc-right {
    padding-right: 15px !important;
}

.fc-toolbar .fc-center {
    display: block !important;
    padding-left: 10px;
}

.fc-row .fc-content-skeleton tbody td {
    padding: 0px 15px !important;
}

.fc-day-grid-event .fc-content {
    white-space: unset !important;
}

.fc-day-grid-event .fc-content .fc-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/*  */

.academic_event-title h2 {
    margin: 15px 0px;
    font-size: 18px;
    color: #FFFFFF;
}

/* .academic_messase-wrap{} */
.acIntroContent{
    background-color: var(--bgc);
    color: #ffffff;
    height: 100%;
    padding: 10px;
}

@media (max-width: 720px) {
    .academic_messase-wrap {
        padding-top: 25px;
    }
}

/* =============================================== */
/* ====== #10. ACADEMIC CALENDER CSS END           */
/* =============================================== */

/* =============================================== */
/* ====== #11. ABOUT US CSS START                  */
/* =============================================== */

.about_institute-section {
    height: auto;
    width: 100%;
}

.about_institute-section .a_i-section {
    padding: 15px;
}

.about_institute-section .a_i-heading {
    float: left;
    width: 100%;
    text-align: left;
    margin: -7px 0 30px 0;
}

.about_institute-section .a_i-heading h3 {
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    padding-bottom: 15px;
}

.about_institute-section .a_i-heading h3:before {
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 25px;
    background-color: #666666;
    position: absolute;
}

.about_institute-section .a_i-heading h3:after {
    content: "";
    left: 35px;
    bottom: 1px;
    height: 1px;
    width: 50px;
    background-color: #bbbbbb;
    position: absolute;
}

.about_institute-section .a_i-heading h5 {
    color: #0b3e03;
    text-transform: capitalize;
    margin: 3px 0 11px;
    font-size: 18px;
}

.about_institute-section .a_i-descriptions {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0 0 0;
}

.about_institute-section .a_i-descriptions .summery {
    font-size: 18px;
    color: #333;
    margin-bottom: 7.5px;
}

.about_institute-section .a_i-descriptions p {
    margin: 0px;
}

.about_institute-section .a_i-thumb {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.about_institute-section .a_i-thumb figure {
    width: 100%;
    max-height: 325px;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.about_institute-section .a_i-thumb figure img {
    height: 400px;
    width: 100%;
}

.about_institute-section .a_i-thumb figure:before {
    content: "";
    left: 5%;
    right: 5%;
    top: 5%;
    bottom: 5%;
    position: absolute;
    background-color: transparent;
    opacity: 1;
    border: 2px solid #fff;
}

/* =============================================== */
/* ====== #11. ABOUT US CSS END                    */
/* =============================================== */

/* =============================================== */
/* ====== #12. CONTACT US CSS START                */
/* =============================================== */

.contact_institute-section {
    height: auto;
    width: 100%;
}

.contact_institute-section .c_i-section {
    padding: 15px;
}

.contact_institute-section .c_i-map-section {
    position: relative;
    width: 100%;
}

.contact_institute-section .c_i-map-canvas {
    height: 600px;
    width: 100%;
}

.contact_institute-section .c_i-location-data {
    background: #ffffff;
    padding: 30px 30px;
    position: absolute;
    left: 100px;
    top: 50%;
    margin-top: -150px;
    height: 300px;
    width: 375px;
    box-shadow: var(--bs);
    display: none;
}

.contact_institute-section .c_i-location-data>h6 {
    font-size: 16px;
    font-weight: bold;
    margin: -3px 0 25px;
}

.contact_institute-section .c_i-location-data>p {
    margin: 0 0 22px 0;
}

.contact_institute-section .c_i-location-data>a {
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    color: #333;
    display: inline-block;
    padding: 25px 0 22px;
}

.contact_institute-section .c_i-location-data>a i {
    margin-left: 0px;
}

.contact_institute-section .c_i-location-data>a:hover i {
    margin-left: 30px;
}

.contact_institute-section .c_i-location-data>h6,
.contact_institute-section .c_i-location-data>a:hover,
.contact_institute-section .c_i-location-data>a:hover i {
    color: #0b3e03;
}

.contact_institute-section .c_i-location-data>a i {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.contact_institute-section .location_meta {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 26px;
}

.contact_institute-section .location_meta li {
    color: #666666;
    float: left;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 11px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
}

.contact_institute-section .location_meta li:last-child {
    margin: 0;
}

.contact_institute-section .location_meta li i {
    margin-right: 10px;
}

.contact_institute-section .location_meta li a {
    color: #666666;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    text-transform: lowercase !important;
}

.contact_institute-section .location_meta li i,
.contact_institute-section .location_meta li a:hover {
    color: #0b3e03;
}

@media (max-width: 767px) {
    .contact_institute-section .c_i-map-canvas {
        height: 250px;
    }

    .contact_institute-section .c_i-location-data {
        display: none;
    }
}

/**/

.contact_institute-section .c_i-heading {
    position: relative;
    width: 100%;
    text-align: left;
    padding-bottom: 40px;
    margin-bottom: 50px;
    border-bottom: 1px solid #dedede;
}

.contact_institute-section .c_i-heading:before {
    content: "";
    left: 0;
    right: 0;
    bottom: -6px;
    position: absolute;
    height: 1px;
    background: #dedede;
}

.contact_institute-section .c_i-heading h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: normal;
    margin: 0px 0 20px;
    color: #0b3e03;
}

.contact_institute-section .c_i-heading p {
    margin-bottom: 0;
    font-weight: 300;
}

.c_i-form-heading {
    width: 100%;
    margin-bottom: 15px;
}

.c_i-form-heading h4 {
    font-size: 24px;
    font-weight: normal;
    margin: -6px 0 16px 0;
    text-transform: uppercase;
}

.contact_institute-section .c_i-form {
    height: auto;
}

.contact_institute-section .c_i-input-wrap {
    position: relative;
    margin-bottom: 25px;
}

.contact_institute-section .c_i-input-wrap i {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -7px;
    font-size: 14px;
    color: #bfbfbf;
}

.contact_institute-section .c_i-input-wrap:nth-child(4) i {
    left: unset;
    right: 15px;
    top: 15px;
}

.contact_institute-section .c_i-input-wrap input {
    height: 40px;
    width: 100%;
    border: 1px solid #dedede;
    padding: 3px 10px 5px 38px;
    font-family: Arial, Helvetica, sans-serif;
}

.contact_institute-section .c_i-input-wrap textarea {
    height: 125px;
    width: 100%;
    border: 1px solid #dedede;
    padding: 3px 10px 5px 38px;
    font-family: Arial, Helvetica, sans-serif;
}

.contact_institute-section .c_i-form button {
    height: 40px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #0b3e03;
}

.c_i-meta-data li {
    color: #7a7a7a;
    float: left;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    line-height: normal;
    list-style: none;
}

.c_i-meta-data li a {
    color: #7a7a7a;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    text-transform: lowercase !important
}

.c_i-meta-data li i {
    margin-right: 8px;
}

.c_i-meta-data li:last-child {
    margin: 0;
}

.c_i-meta-data li a:hover {
    padding-left: 10px;
}

.c_i-meta-data li i,
.c_i-meta-data li a:hover {
    color: #0b3e03;
}

.c_i-meta-data a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.c_i-meta-heading {
    margin: 15px 0px;
    float: left;
    width: 100%;
}

.c_i-social-meta li {
    float: left;
    margin-right: 10px;
}

.c_i-social-meta li a {
    border: 1px solid #999999;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c_i-social-meta li a:hover {
    color: #fff;
    background-color: #0b3e03;
    border-color: #0b3e03;
}

.c_i-social-meta li a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

/* =============================================== */
/* ====== #12. CONTACT US CSS END                  */
/* =============================================== */

/* =============================================== */
/* ====== #13. ACADEMIC RESULT CSS START           */
/* =============================================== */

.academic_result-section {
    height: auto;
}

.academic_result-section .container {
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: visible;
}

.academic_result-section .a_r-section {
    padding: 50px 0px;
}

.academic_result-section select {
    appearance: auto;
    -webkit-appearance: auto;
    padding: unset;
}

.academic_result-section input {
    padding: 3.5px;
}

.required_form-card {
    max-width: 500px;
    width: 100%;
    margin: auto;
    border-radius: 0px;
}

.required_form-card button {
    height: 32.07px;
    padding-top: unset;
    padding-bottom: unset;
}

.parsley-errors-list {
    display: none !important;
}

select[data-name="selectize"] {
    visibility: hidden;
}

.form-label,
.form-control {
    height: 32.07px;
}

.selectize-control {
    height: 32.07px;
    min-width: 125px;
}

div.selectize-input {
    min-height: unset !important;
    height: 32.07px;
}

div.selectize-input.not-full input {
    cursor: pointer;
    height: 100% !important;
}

div.selectize-input.invalid input {
    position: absolute !important;
    width: 100% !important;
    top: 0px !important;
    left: 0px !important;
    padding: 0.45rem 0.9rem !important;
}

.selectize-dropdown-content div.in {
    color: var(--ct-dropdown-link-active-color) !important;
    background-color: var(--ct-dropdown-link-active-bg) !important;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selectize-dropdown-content div.in:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 16px;
    right: 15px;
    top: calc(50% - 7px);
    border: solid green;
    border-width: 0px 0px 1.5px 1.5px;
    transform: rotateZ(-42deg);
}

.result_sheet-wrap {
    max-width: 725px;
    margin: auto;
}

.error-text-box {
    display: grid;
    font-family: "Cerebri Sans,sans-serif";
    font-size: 3em;
    letter-spacing: 2px;
    align-content: center;
    overflow: hidden;
}

.error-text-box .not_found-svg {
    width: 50%;
    max-width: 360px;
    margin: auto;
}

.error-text-box .text {
    fill: none;
    stroke-width: 1;
    stroke-linejoin: round;
    stroke-dasharray: 30 100;
    stroke-dashoffset: 0;
    -webkit-animation: stroke 9s infinite linear;
    animation: stroke 9s infinite linear
}

.error-text-box .text:nth-child(5n+1) {
    stroke: darkblue;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}

.error-text-box .text:nth-child(5n+2) {
    stroke: #f7b84b;
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s
}

.error-text-box .text:nth-child(5n+3) {
    stroke: #6658dd;
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s
}

.error-text-box .text:nth-child(5n+4) {
    stroke: #43bfe5;
    -webkit-animation-delay: -4.8s;
    animation-delay: -4.8s
}

.error-text-box .text:nth-child(5n+5) {
    stroke: #1abc9c;
    -webkit-animation-delay: -6s;
    animation-delay: -6s
}

@-webkit-keyframes stroke {
    100% {
        stroke-dashoffset: -400
    }
}

@keyframes stroke {
    100% {
        stroke-dashoffset: -400
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .error-text-box .text {
        fill: #f1556c;
        stroke: #f1556c;
        stroke-width: 6;
        stroke-dasharray: 0 0;
        stroke-dashoffset: 0;
        -webkit-animation: none;
        animation: none
    }
}

/* =============================================== */
/* ====== #13. ACADEMIC RESULT CSS END             */
/* =============================================== */

/* =============================================== */
/* ====== #14. ACADEMIC HR PROFILE CSS START       */
/* =============================================== */

.academic_hr-section {
    height: auto;
    width: 100%;
}

.academic_hr-section .a_hr-section {
    display: grid;
    grid-template-columns: auto 275px;
    gap: 15px;
}

.academic_hr-section .a_hr-data-section {
    padding: 15px;
}

.academic_hr-section .a_hr-sidebar-section {
    padding: 15px;
}

.academic_hr-section .a_hr-heading h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.academic_hr-section [data-toggle="table"] thead {
    display: none !important;
}

.academic_hr-section [data-toggle="table"] tbody {
    display: grid;
    /* grid-template-columns: repeat(3, 1fr); */
    gap: 25px;
}

.academic_hr-section [data-toggle="table"] tbody tr td {
    --ct-table-accent-bg: #00000000 !important;
    display: block;
}

.academic_hr-section [data-toggle="table"] tbody tr {
    background-color: unset !important;
}

.academic_hr-section [data-toggle="table"],
.academic_hr-section [data-toggle="table"] thead,
.academic_hr-section [data-toggle="table"] tbody,
.academic_hr-section [data-toggle="table"] tr,
.academic_hr-section [data-toggle="table"] th,
.academic_hr-section [data-toggle="table"] td {
    border: none !important;
    padding: 0px !important;
}

.academic_hr-section .bootstrap-table .fixed-table-container .table {
    display: none;
}

.academic_hr-section .pagination-detail {
    display: none;
}

.hr_card-info {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: grid;
    grid-template-columns: 230px auto;
}

.hr_card-info figure {
    /* height: 280px; */
    margin: 0px;
}

.hr_card-info img {
    width: 100%;
    height: auto;
}

.hr_card-info figure:before {
    content: "";
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    position: absolute;
    opacity: 0;
    background-color: #0b3e03;
}

.hr_card-info:hover figure:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.70;
}

.hr_card-info figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(1.25);
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 2.5px;
}

.hr_card-info:hover figcaption {
    opacity: 1;
    transform: scale(1);
}

.hr_card-info figcaption a {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    border: 1px solid #fff;
    background-color: #fff;
    color: #0b3e03;
    margin: 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hr_card-info .hr_card-descript {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    /* text-align: center; */
    background-color: #f4f4f4;
    padding: 30px 15px;
}

.hr_card-info .hr_card-descript h6 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 20px;
}

.hr_card-info .hr_card-descript strong {
    text-transform: capitalize;
    display: block;
    font-weight: normal;
    margin-bottom: 4px;
}

.hr_card-info .hr_card-descript p {
    margin-bottom: 0;
    text-transform: capitalize;
}

.hr_card-info:hover .hr_card-descript {
    border-color: #0b3e03;
}

.hr_card-info *:not(.undefined),
.hr_card-info figure:before {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

/**/

.hr_profile-section {
    height: auto;
    width: 100%;
}

.hr_profile-section .hr_p-section {
    padding: 15px;
}

.hr_profile-logo {
    height: 55px;
    border: 2px solid;
    border-radius: 0px;
    margin-bottom: 30px;
    display: flex;
}

.hr_profile-logo span {
    color: #fff;
    font-size: 30px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;

}

.hr_profile-logo h3 {
    text-transform: uppercase;
    line-height: normal;
    font-weight: bolder;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 0px 0px 15px;
}

.hr_profile-bio {
    float: left;
    width: 100%;
}

.hr_profile-bio h3 {
    font-weight: normal;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.hr_profile-bio h4 {
    font-weight: normal;
    margin-bottom: 15px;
}

.hr_profile-contact h4 {
    margin: 15px 0px 5px 0px;
}

.hr_profile-contact ul {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.hr_profile-contact ul li {
    font-size: 16px;
    color: #666;
    font-weight: normal;
    margin-right: 30px;
}

.hr_profile-contact ul li i {
    margin-right: 8px;
}

.hr_profile-contact ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    color: #666;
}

.hr_profile-thumb {
    width: 100%;
}

.hr_profile-thumb figure {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hr_profile-thumb figure img {
    width: 100%;
}

.hr_profile-thumb figure:after {
    content: "";
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    position: absolute;
    border: 1px solid;
}

.hr_profile-thumb figure figcaption {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 16px;
    z-index: 9999;
}

.hr_profile-thumb ul {
    display: inline-block;
    margin: auto;
}

.hr_profile-thumb li {
    float: left;
}

.hr_profile-thumb figcaption a {
    width: 41px;
    height: 41px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 41px;
    margin: 0 3px;
}

.hr_profile-thumb figcaption a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

/**/

.hr_p-experiance-wrap {
    margin-top: 25px;
    margin-bottom: 35px;
}

.hr_p-experiance-wrap .hr_p-heading {
    width: 100%;
    position: relative;
    margin: -5px 0 50px 0;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #e2e2e2;
    text-align: center;
}

.hr_p-experiance-wrap .hr_p-heading h4 {
    font-weight: normal;
    display: inline-block;
    text-transform: uppercase;
}

.hr_p-experiance-wrap .hr_p-heading:before {
    content: "";
    left: 0;
    right: 0;
    bottom: -2px;
    position: absolute;
    height: 2px;
    width: 40px;
    margin: 0 auto;
    background-color: #0b3e03;
}

.hr_p-experiance-wrap ul {
    /* float: left; */
    width: 100%;
}

.hr_p-experiance-wrap ul li {
    /* float: left; */
    display: grid;
    width: 100%;
    position: relative;
    text-align: center;
    padding: 60px 0 0 0;
}

.hr_p-experiance-wrap ul li:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 2px;
    background-color: #e2e2e2;
    height: 100%;
    margin: auto;
}

.hr_p-experiance-wrap ul li:after {
    content: "\f10ca";
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    margin: -30px auto;
    position: absolute;
    width: 60px;
    border: 2px solid #e2e2e2;
    height: 60px;
    line-height: 54px;
    font-family: 'Material Design Icons';
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    font-size: 17px;
    text-align: center;
    padding: 0;
    background-color: #fff;
    border-radius: 100%;
}

.hr_p-experiance-wrap li:nth-child(2n) .hr_p-experiance-bio {
    text-align: right;
    float: left;
    padding-right: 70px;
    padding-left: 0px;
}

.hr_p-experiance-wrap li:nth-child(2n) .hr_p-experiance-date {
    float: right;
    text-align: left;
    padding-left: 70px;
}

.hr_p-experiance-content {
    float: left;
    width: 100%;
}

.hr_p-experiance-date {
    float: left;
    width: 50%;
    text-align: right;
    padding: 12px 70px 0 0;
}

.hr_p-experiance-date>span {
    display: inline-block;
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    padding: 8px 13px;
    border: 2px solid;
    border-radius: 3px;
}

.hr_p-experiance-content:hover .hr_p-experiance-date>span {
    color: #fff;
    border-radius: 0;
}

.hr_p-experiance-bio {
    float: right;
    width: 50%;
    text-align: left;
    padding: 9px 0 0 70px;
}

.hr_p-experiance-bio h5 {
    font-size: 18px;
    font-weight: bolder;
    text-transform: uppercase;
}

.hr_p-experiance-bio h6 {
    font-size: 15px;
    padding-bottom: 5px;
    color: #0b3e03;
}

.hr_p-experiance-wrap ul li:after,
.hr_p-experiance-date,
.hr_p-experiance-bio span,
.hr_p-experiance-bio h6 a:hover {
    color: #0b3e03;
}

.hr_profile-logo span,
.hr_profile-thumb figcaption a,
.hr_p-experiance-content:hover .hr_p-experiance-date>span {
    background-color: #0b3e03;
}

.hr_profile-logo,
.hr_profile-thumb figure:after,
.hr_p-experiance-date {
    border-color: #0b3e03;
}

.hr_p-experiance-content,
.hr_p-experiance-date>span {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

@media (max-width: 500px) {
    .academic_hr-section .a_hr-section {
        grid-template-columns: auto;
    }

    .academic_hr-section [data-toggle="table"] tbody {
        grid-template-columns: repeat(1, 1fr);
    }

    .hr_card-info {
        grid-template-columns: 100px auto;
    }
    .hr_card-info .hr_card-descript {
        padding: 5px 10px;
    }
    .hr_card-info .hr_card-descript h6 {
        margin-bottom: 5px;
        font-size: 13px;
    }
    .hr_card-info .hr_card-descript strong {
        margin-bottom: 0px;
        font-size: 11px;
    }
    .hr_card-info .hr_card-descript p {
        margin-top: 10px;
        font-size: 10px;
    }

    /**/
    .hr_p-experiance-wrap ul li {
        padding-top: 25px;
    }

    .hr_p-experiance-wrap ul li:before {
        height: 2px;
        width: 100%;
        margin-top: 125px;
    }

    .hr_p-experiance-wrap ul li:after {
        top: 0;
        margin: 95.5px auto;
    }

    .hr_p-experiance-content {
        display: grid;
        gap: 110px;
    }

    .hr_p-experiance-date {
        float: unset;
        width: 100%;
        text-align: center !important;
        padding: unset !important;
    }

    .hr_p-experiance-bio {
        width: 100%;
        text-align: center !important;
        padding: unset !important;
    }
}

/* =============================================== */
/* ====== #14. ACADEMIC HR PROFILE CSS END         */
/* =============================================== */

/* =============================================== */
/* ====== #15. EVENT LIST & DETAILS CSS START      */
/* =============================================== */

.academic_event-section {
    height: auto;
    width: 100%;
}

.academic_event-section .a_e-section {
    display: grid;
    grid-template-columns: auto 275px;
    align-content: start;
    gap: 15px;
}

.academic_event-section .a_e-data-section {
    width: 100%;
    overflow: hidden;
    padding: 15px;
}

.academic_event-section .a_e-sidebar-section {
    padding: 15px;
}

.academic_event-section .a_e-heading h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.academic_event-section [data-toggle="table"] thead {
    display: none !important;
}

.academic_event-section [data-toggle="table"] tbody {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.academic_event-section [data-toggle="table"] tbody tr td {
    --ct-table-accent-bg: #00000000 !important;
    display: block;
}

.academic_event-section [data-toggle="table"] tbody tr {
    background-color: unset !important;
}

.academic_event-section [data-toggle="table"],
.academic_event-section [data-toggle="table"] thead,
.academic_event-section [data-toggle="table"] tbody,
.academic_event-section [data-toggle="table"] tr,
.academic_event-section [data-toggle="table"] th,
.academic_event-section [data-toggle="table"] td {
    border: none !important;
    padding: 0px !important;
}

.academic_event-section .bootstrap-table .fixed-table-container .table {
    display: none;
}

.academic_event-section .pagination-detail {
    display: none;
}

.ac_event-wrap {
    height: auto;
    width: 100%;
    background-color: #f9f9f9;
    display: grid;
    grid-template-columns: 350px auto;
    border-bottom: 1px solid #ddd;
}

.ac_event-wrap:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.ac_event-wrap:hover .ac_event-thumb figure:before {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.70;
}

.ac_event-wrap:hover .defaultCountdown {
    bottom: 20px;
    opacity: 1;
}

.ac_event-thumb {
    width: 100%;
    display: grid;
    align-content: center;
}

.ac_event-thumb figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0px;
}

.ac_event-thumb figure img {
    width: 100%;
}

.ac_event-thumb figure:before {
    content: "";
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 10%;
    position: absolute;
    opacity: 0;
    background-color: #0b3e03;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.ac_event-thumb .defaultCountdown {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: 0px;
    width: 80%;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    opacity: 0
}

.ac_event-thumb .countdown-row {
    width: 100%;
}

.ac_event-thumb .countdown-section {
    display: inline-block;
    width: 25%;
}

.ac_event-thumb .countdown-section span {
    float: left;
    width: 100%;
    line-height: normal;
}

.ac_event-thumb .countdown-amount {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}

.ac_event-thumb .countdown-period {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.ac_event-descriptions {
    padding: 15px;
    width: 100%;
    display: grid;
    align-content: space-between;
}

.ac_event-descriptions h4 {
    margin-bottom: 10px;
}

.ac_event-descriptions h4 a {
    font-size: 20px;
    text-transform: uppercase;
    color: #0b3e03;
}

.ac_event-descriptions h4 a span {
    color: #333333;
}

.ac_event-descriptions p {
    margin-bottom: 15px;
}

.ac_event-bio li {
    float: left;
    margin-right: 15px;
}

.ac_event-bio li i {
    margin-right: 10px;
    color: #0b3e03;
}

.ac_event-bio li a {
    display: inline-block;
    font-size: 15px;
    color: #999999;
    text-transform: capitalize;
}

/**/

.a_e-descriptions-wrap {
    width: 100%;
    text-align: left;
}

.a_e-descriptions-wrap h3 {
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ac_event-slider {
    float: left;
    width: 100%;
    margin: 20px 0px;
}

.ac_event-slider .owl-pagination {
    display: none;
}

.ac_event-slider figure {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: unset;
}

.ac_event-slider figure img {
    width: 100%;
}

.ac_event-slider figure:before {
    border: 1px solid rgba(225, 225, 225, 0.5);
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    opacity: 1;
    background-color: transparent;
    outline: 1px solid rgba(225, 225, 225, 0.5);
    outline-offset: 9px;
}

.ac_event-timing {
    width: 100%;
    border-bottom: 1px solid;
    display: flex;
    padding-bottom: 10px;
}

.ac_event-timing li {
    float: left;
    margin-right: 29px;
    font-size: 16px;
    color: #999999;
}

.ac_event-timing li i {
    margin-right: 10px;
}

.a_e-descriptions {
    padding: 25px 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}

.a_e-descriptions h5 {
    margin: 0px 0 15px;
    display: block;
    color: #666;
    font-weight: 300;
}

.a_e-descriptions p {
    margin-bottom: 15px;
}

.a_e-descriptions>a {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 30px;
    margin-right: 11px;
    color: #fff;
    display: inline-block;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.a_e-descriptions a i {
    margin-right: 10px;
    font-size: 12px;
}

.a_e-attachment-thumb {
    width: 100%;
    display: grid;
    align-content: center;
    gap: 15px;
    margin-bottom: 25px;
}

.a_e-attachment-thumb figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.a_e-attachment-thumb figure img {
    width: 100%;
}

.a_e-attachment-thumb {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 0px 15px 0px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.a_e-attachment-thumb:hover {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
}

.a_e-attachment-thumb figure {
    margin-bottom: 20px;
    overflow: hidden;
}

.a_e-attachment-thumb figure img {
    float: left;
    width: 100%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.a_e-attachment-thumb:hover figure img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.a_e-attachment-thumb h5 {
    margin-bottom: 2px;
    text-transform: uppercase;
    font-weight: normal;
}

.a_e-attachment-thumb p {
    margin-bottom: 0;
}

.a_e-descriptions-wrap .link {
    float: left;
    display: flex;
    align-items: center;
    gap: 5px;
}

.a_e-descriptions-wrap .link i {
    font-size: 13px;
}

/* RESPONSIVE */

@media (max-width: 500px) {
    .academic_event-section .a_e-section {
        grid-template-columns: auto;
    }

    .ac_event-wrap {
        grid-template-columns: auto;
    }
}

/* =============================================== */
/* ====== #15. EVENT LIST & DETAILS CSS END        */
/* =============================================== */

/* =============================================== */
/* ====== #16. SIDEBAR CSS START                   */
/* =============================================== */

.sidebar_widget-content .widget {
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 1px #CCC;
}

.sidebar_widget-content .widget h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.widget-search form {
    width: 100%;
    position: relative;
}

.widget-search input[type="search"] {
    height: 40px;
    width: 100%;
    padding: 11px 15px 13px;
    border: 1px solid #d7d7d7;
    font-size: 16px;
    color: #999999;
}

.widget-search input[type="search"]:focus {
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.widget-categories-light ul {
    list-style: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.widget-categories-light ul li {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.widget-categories-light ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.widget-categories-light ul li a {
    font-weight: normal;
    font-size: 14px;
    text-transform: capitalize;
    color: #333333;
    padding: 12px 10px;
    display: block;
    line-height: normal;
}

.widget-categories-light ul li a:hover {
    padding: 12px 15px;
    background: #f3f2f2;
}

.widget-categories-light ul li a i {
    margin-right: 10px;
}

.widget-recent-posts {
    width: 100%;
    margin-bottom: 46px;
}

.widget-recent-posts ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.widget-recent-posts li {
    width: 100%;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 100px auto;
    gap: 10px;
}

.widget-recent-posts ul li:last-child {
    margin-bottom: 0;
}

.widget-recent-posts figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.widget-recent-posts figure img {
    width: 100%;
}

.widget-recent-posts figure figcaption {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -9px auto 0;
    text-align: center;
    opacity: 0;
    line-height: 20px;
}

.widget-recent-posts figure figcaption a {
    font-size: 16px;
    display: inline-block;
    color: #fff;
}

.widget-recent-posts ul li:hover figure figcaption {
    opacity: 1;
}

.widget-recent-posts li div {
    display: grid;
    align-content: space-between;
}

.widget-recent-posts h6 {
    font-size: 16px;
}

.widget-recent-posts span {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    color: #999999;
}

.widget-recent-posts span i {
    font-style: normal;
    font-size: 16px;
    margin-right: 5px;
}

.widget-categories {
    width: 100%;
    margin-bottom: 46px;
}

.widget-categories ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.widget-categories ul li {
    width: 100%;
}

.widget-categories ul li:last-child {
    margin-bottom: -2px;
}

.widget-categories ul li a {
    font-weight: normal;
    font-size: 14px;
    text-transform: capitalize;
    color: #666;
    padding: 8px 0px;
    display: block;
    line-height: normal;
}

.widget-categories ul li a:hover {
    padding: 8px 10px;
    background: #f3f2f2;
    color: #fff;
}

.widget-categories ul li a i {
    margin-right: 10px;
}

.widget-courses-list ul {
    margin: 0px 0px 0px -6px;
}

.widget-courses-list ul li {
    margin: 0 0px 6px 5px;
    width: 97px;
}

.widget-courses-list figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.widget-courses-list figure img {
    width: 100%;
}

.widget-courses-list figure a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
}

.widget-courses-list li:hover figure a {
    opacity: 0.9;
}

.widget-courses-list figure a {
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    font-weight: bold;
    display: block;
    line-height: 88px;
}

.widget-tag-cloud {
    border-bottom: none !important;
}

.widget-tag-cloud ul {
    margin: -5px 0px 0px -5px;
}

.widget-tag-cloud ul li {
    margin: 0 0 5px 5px;
    display: inline-block;
}

.widget-tag-cloud ul a {
    border: 1px solid #dcdcdc;
    color: #777;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    text-transform: uppercase;
}

.widget-tag-cloud ul a:hover {
    color: #fff;
}

.sidebar_register_wrap {
    width: 100%;
    padding: 30px;
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
}

.apply {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    padding: 15px 30px;
}

.apply:hover {
    background: #000;
    color: #fff;
}

.sidebar_register_des {
    width: 100%;
    padding: 27px 0 0 0;
}

.sidebar_register_des li {
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #666666;
    margin-bottom: 7px;
}

.sidebar_register_des li:last-child {
    margin-bottom: -7px;
}

.sidebar_register_des .rating {
    margin: 6px 20px 0px;
    line-height: normal;
}

.sidebar_register_des .rating span {
    font-size: 24px;
    margin: 0 -5px;
    line-height: 10px;
}

.teacher_outer_wrap {
    width: 100%;
    margin-bottom: 26px;
}

.teacher_outer_wrap span {
    display: block;
    border: 11px solid #fff;
    padding: 5px 0 6px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    outline: 1px solid #e0e0e0;
    margin-bottom: 30px;
    font-size: 20px;
    text-transform: capitalize;
}

.teacher_wrap {
    width: 100%;
}

.teacher_wrap figure {
    width: 73px;
    margin-bottom: 22px;
}

.teacher_des {
    overflow: hidden;
    padding-left: 15px;
}

.teacher_des h4 {
    margin: -5px 0 3px;
}

.teacher_des small {
    font-size: 14px
}

.teacher_wrap p {
    margin-bottom: 13px;
}

.teacher_meta {
    width: 100%;
}

.teacher_meta li {
    margin-right: 5px;
}

.teacher_meta li a {
    display: block;
    text-align: center;
    border: 1px solid #999999;
    color: #999999;
    width: 36px;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
}

/**/

.widget-links ul li a:hover:before,
.widget-links ul li a:hover,
.sidebar_archive>li a:hover,
.widget-recent-posts li:hover h6 a {
    color: #0b3e03;
}

.widget-categories ul li a:hover,
.widget-courses-list figure a,
.widget-tag-cloud ul li a:hover {
    background-color: #0b3e03;
}

.widget-search input[type="search"]:focus,
.widget-tag-cloud ul li a:hover {
    border-color: #0b3e03;
}

.widget a,
.widget-links ul li a:before,
.widget-search input[type="search"],
.widget-categories-light ul li a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

/* =============================================== */
/* ====== #16. SIDEBAR CSS END                     */
/* =============================================== */

/* =============================================== */
/* ====== #17. ACADEMIC NOTICE CSS START           */
/* =============================================== */

.academic_notice-section {
    height: auto;
    width: 100%;
}

.academic_notice-section .a_n-section {
    display: grid;
    grid-template-columns: auto 275px;
    align-items: start;
    gap: 15px;
}

.academic_notice-section .a_n-data-section {
    padding: 15px;
}

.academic_notice-section .a_n-sidebar-section {
    padding: 15px;
}

.academic_notice-section .a_n-heading h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
}

.academic_notice-section [data-toggle="table"] thead {
    display: none !important;
}

.academic_notice-section [data-toggle="table"] tbody {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.academic_notice-section [data-toggle="table"] tbody tr td {
    --ct-table-accent-bg: #00000000 !important;
    display: block;
}

.academic_notice-section [data-toggle="table"] tbody tr {
    background-color: unset !important;
}

.academic_notice-section [data-toggle="table"],
.academic_notice-section [data-toggle="table"] thead,
.academic_notice-section [data-toggle="table"] tbody,
.academic_notice-section [data-toggle="table"] tr,
.academic_notice-section [data-toggle="table"] th,
.academic_notice-section [data-toggle="table"] td {
    border: none !important;
    padding: 0px !important;
}

.academic_notice-section .bootstrap-table .fixed-table-container .table {
    display: none;
}

.academic_notice-section .pagination-detail {
    display: none;
}

.ac_notice-wrap {
    height: auto;
    width: 100%;
    background-color: #f9f9f9;
    display: grid;
    grid-template-columns: 275px auto;
    border-bottom: 1px solid #ddd;
}

.ac_notice-wrap:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.ac_notice-thumb {
    width: 100%;
    display: grid;
    align-content: center;
}

.ac_notice-thumb figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.ac_notice-thumb figure img {
    width: 100%;
}

.ac_notice-descriptions {
    padding: 15px;
    width: 100%;
    display: grid;
    align-content: space-between;
}

.ac_notice-descriptions h4 {
    margin-bottom: 10px;
}

.ac_notice-descriptions h4 a {
    font-size: 20px;
    text-transform: uppercase;
    color: #0b3e03;
}

.ac_notice-descriptions h4 a span {
    color: #333333;
}

.ac_notice-descriptions p {
    margin-bottom: 15px;
}

.ac_notice-bio li {
    float: left;
    margin-right: 15px;
}

.ac_notice-bio li i {
    margin-right: 10px;
    color: #0b3e03;
}

.ac_notice-bio li a {
    display: inline-block;
    font-size: 15px;
    color: #999999;
    text-transform: capitalize;
}

/**/

.a_n-descriptions-wrap {
    width: 100%;
    text-align: left;
}

.a_n-descriptions-wrap h3 {
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.ac_notice-timing {
    width: 100%;
    border-bottom: 1px solid;
    display: flex;
    padding-bottom: 10px;
}

.ac_notice-timing li {
    float: left;
    margin-right: 29px;
    font-size: 16px;
    color: #999999;
}

.ac_notice-timing li i {
    margin-right: 10px;
}

.a_n-descriptions {
    padding: 25px 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}

.a_n-descriptions h5 {
    margin: 0px 0 15px;
    display: block;
    color: #666;
    font-weight: 300;
}

.a_n-descriptions p {
    margin-bottom: 15px;
}

.a_n-descriptions>a {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 30px;
    margin-right: 11px;
    color: #fff;
    display: inline-block;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.a_n-descriptions a i {
    margin-right: 10px;
    font-size: 12px;
}

.a_n-attachment-thumb {
    width: 100%;
    display: grid;
    align-content: center;
    gap: 15px;
    margin-bottom: 25px;
}

.a_n-attachment-thumb figure {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: unset;
}

.a_n-attachment-thumb figure img {
    width: 100%;
}

.a_n-descriptions-wrap .link {
    float: left;
    display: flex;
    align-items: center;
    gap: 5px;
}

.a_n-descriptions-wrap .link i {
    font-size: 13px;
}

/* RESPONSIVE */

@media (max-width: 390px) {
    .academic_notice-section .a_n-section {
        grid-template-columns: auto;
    }

    .ac_notice-wrap {
        grid-template-columns: 75px auto;
    }
}

/* =============================================== */
/* ====== #17. ACADEMIC NOTICE CSS END             */
/* =============================================== */

/* =============================================== */
/* ====== #18. ACADEMIC PHOTO GALLERY CSS START    */
/* =============================================== */

.academic_photos-section {
    height: auto;
    width: 100%;
}

.academic_photos-section .a_pg-section {
    display: grid;
    grid-template-columns: auto 275px;
    align-content: start;
    gap: 15px;
}

.academic_photos-section .a_pg-data-section {
    padding: 15px;
}

.academic_photos-section .a_pg-sidebar-section {
    padding: 15px;
}

.academic_photos-section .a_pg-heading h3 {
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* RESPONSIVE */

@media (max-width: 390px) {
    .academic_photos-section .a_pg-section {
        grid-template-columns: auto;
    }
}

/* =============================================== */
/* ====== #18. ACADEMIC PHOTO GALLERY CSS END      */
/* =============================================== */

embed {
    /* min-height: 100vh; */
    min-width: 100%;
    width: 100%;
    border: solid #112F0F;
    border-width: 45px;
}


[doc-type="pdf"] embed{
    min-height: 100vh;
    min-width: 100%;
    border: solid #112F0F;
    border-width: 45px;
}

[doc-type="none"]{
    display: none;
}

/* RESPONSIVE */

@media (max-width: 500px) {
    embed {
        border-width: 1px;
    }

    [doc-type="pdf"]{
        display: none;
    }
    [doc-type="none"]{
        display: block;
        overflow: auto;
    }
}