/*======================================
#### model 
====================================*/
.modal-content{
    width:50%;
    margin:0 auto;
}
button.btn-close {
    float: right;
    border: 2px solid #000;
    margin-bottom: 5px;
}
@media only screen and (max-width:768px){
    .modal-content{
        width:100%;
    }
}
.headlines-scrolling-txt marquee{
    padding:5px;
}
.headlines-scrolling-txt marquee a{
    color:#000;
}

/*****==================================
### main heading of a pagges at center
========================================== *******************/
section.breadcurmb .breadcurmb-main-heading{
    background-image: url(../img/breadcurmb/body-head-large.png);
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
section.breadcurmb .breadcurmb-main-heading .color-box{
    height: 50px;
    width: 15px;
}
section.breadcurmb .breadcurmb-main-heading h1 {
    font-weight: bold;
    font-size: 48px;
    line-height: 72px;
    text-transform: uppercase;
    letter-spacing: 0.96px;
    color: #FFFFFF;
    margin: 0px 0px 0px 20px;
}
section.breadcurmb {
    margin:30px 0px;
}
section.breadcurmb .breadcurmb-main-heading h2{
    letter-spacing: 0.76px;
    color: #FFFFFF;
    text-shadow: 2px 2px 4px #000E4A;
    font-size: 38px;
    line-height: 47px;
    font-weight: 600;
}

/****==============================================
 ## common table heade
 =====================================***/
table th{
    background-color: #FF0000 !important;
    color: #fff;
}
table th p{
    color: #fff !important;
}
.submenu.dropdown-menu li h6{
    color:#fff;
    background:#273272;
    padding:10px 0px;
}
/** ============================================
###### common side quick line section 
================================================**/
.common-side-links-section{
   /* background-image: linear-gradient(#0D1A54, #B5081A,#B5081A, #FF0000);*/
   /*background-image: linear-gradient(#0d1a54, #314391,#404f91, #ff3e00, #ff5a25);*/
    border-radius:10px;
     height: 460px;
     background-color: #fff;
    border-radius: 0.25rem;
    border: 1px solid #0006;
    padding: 20px;
 }
 .common-side-links-section h6{
     font-size: 24px;
     line-height: 35px;
     font-weight: 600;
     text-align: center;
     color: #fff;
     border-top-left-radius:15px ;
     border-top-right-radius: 15px;
     padding:15px 10px;
     margin-bottom: 0px;
 }
 .common-side-links-section ul{
     padding-inline-start: 0px;
 }
 .common-side-links-section ul li{
     list-style:none;
     padding: 10px 13px;
 }
 
 .common-side-links-section ul li a{
    /* text-decoration: none;
     color: #fff;
     font-size: 18px;
     font-weight:600;
     line-height: 30px;
     margin-left: 10px;*/
     color: #000;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
 }
  .common-side-links-section ul li:not(:last-child){
      border-bottom: 2px solid #27327221 !important;
  }
 
 .common-side-links-section ul li .arrows{
     padding:0px 25px;
     color: #fff;
 }
 .common-side-links-section ul li a i {
    margin-right: 15px;
}
.spl-common-section{
    height: auto !important;
}
.common-side-links-section.spl-common-section {
    position: sticky;
    top: 60px;
}

.resp-tabs-container {
    background-color: #f0f8ff82;
    padding: 30px;
}

/** ===============================================
### breadcurmb two  
=============================================== **/
section.breadcurmb-two .breadcurmb-main-heading{
    background-image: url(../img/breadcurmb/body-head-large.png);
    height: 200px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    padding: 0px 0px 0px 40px;
}
section.breadcurmb-two .breadcurmb-sub-heading{
    margin-top: 15px;
}
section.breadcurmb-two .breadcurmb-sub-heading .circle-box{
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
section.breadcurmb-two .breadcurmb-sub-heading h3{
    letter-spacing: 0.75px;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 48px;
    font-weight: 500;
    margin: 0px 0px 0px 20px;
}
section.breadcurmb-two .inner-section{
    display: flex;
    justify-content: center;
    align-items: baseline;
}



/****** chairman ******/

/* Email styling */
.chairman-email {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.chairman-email img {
    width: 22px !important;
    height: auto;
}

.chairman-email a {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-decoration: none !important;
}

.chairman-email a:hover {
    color: #d60000 !important;
}


/* Phone styling */
.chairman-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.chairman-phone img {
    width: 22px !important;
    height: auto;
}

.chairman-phone a {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.chairman-phone a:hover {
    color: #d60000 !important;
}
/****** principal ******/

/* Email styling */
.principal-email {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.principal-email img {
    width: 22px !important;
    height: auto;
}

.principal-email a {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-decoration: none !important;
}

.principal-email a:hover {
    color: #d60000 !important;
}


/* Phone styling */
.principal-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.principal-phone img {
    width: 22px !important;
}

.principal-phone a {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.principal-phone a:hover {
    color: #d60000 !important;
}

/******=================================================
### About Page 
=============================================*****/
.about-page .about-us .first-para p{
    font-size: 16px;
    line-height: 25px;
    color: #656565;
    letter-spacing: 0.26px;
}
.about-page .about-us .quote-para-section{
    display: flex;
}
.about-page .about-us .quote-para-section .quote-img img{
    width: 100px;
}
.about-page .about-us .quote-para-section .quote-para p{
    font-size: 30px;
    line-height: 46px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #656565;
}
.about-page .about-us .quote-para-section .quote-para .author-name{
    font-size: 28px;
    line-height: 42px;
    text-align: right;
}
.about-page .about-us .para-section p{
    margin-top: 15px;
    font-size: 16px;
}

/*******========================================
### vision-page 
===============================================****/


.vision-page .vision-mission .vision-page-heading-para h2 {
    font-size: 36px;
    font-weight: bold;  
    padding-top:15px;
    line-height: 53px;
    letter-spacing: 0.7px;
    color: #0D1A54;
    text-transform: uppercase;
    margin-top: 20px;
}
.vision-page .vision-mission .vision-page-heading-para p{
    font-size:18px;
    letter-spacing: 0.26px;
    color: #656565;
    line-height: 30px;
    
}
.vision-page .vision-mission .vision-page-heading-para .vision-2020{
    letter-spacing: 0.7px;
    color: #E80000;
}

.vision-page .vision-mission .vision-page-heading-para .list-items li p{
    letter-spacing: 0.29px;
    color: #656565;
    font-size: 18px;
    font-weight: bold;
    line-height: 36px;
}
.vision-page .vision-mission .vision-page-heading-para .list-items li{
    color: #E80000;
    font-size: 24px;
}


/*******======================================
### chairman-page 
===================================================****/

.chairman-page .chairman .image-width{
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 20px;
}

.chairman-page .chairman .chairman-heading-styles{
    font-size: 35px;
    font-weight: 400;  
    padding-top:15px;
    line-height: 53px;
    letter-spacing: 0.7px;
    color: #0D1A54;

}
.chairman-page .chairman .wishes img{
    width: 50px;
}
.chairman-page .chairman .chairman-para-styles{
    font-size:16px;
    line-height: 28px;
    margin-top:15px;
    letter-spacing: 0.26px;
    color: #656565;
}
.chairman-page .chairman .chairman-para-weight{
    letter-spacing: 0.6px;
    color: #656565;
    font-size: 30px;
    line-height: 46px;
    margin: 0px 20px;
}
/** =====================================
### principal page 
========================================================***/

.principal-page .principal .principal-img{
    object-position: center;
}
/*******=======================================
### center of excellence styles
=================================================******/

/*****=============================
###### accrediation  
====================================*****/
.accrediation-page .acctrediation .acctrediation-img-section{
    background-color: #FEFAEF;
    border: 1px solid #F8D9B0;
    border-radius: 15px;
}
.accrediation-page .acctrediation .acctrediation-img-section .heading-styles{
    letter-spacing: 1.26px;
    color: #0D1A54;
    font-size: 63px;
    font-weight: bold;
    line-height: 94px;
    text-align: left;
  }
.accrediation-page .acctrediation .aicte-heading{
    letter-spacing: 0.7px;
    color: #0D1A54;
    font-size: 35px;
    line-height: 53px;
    font-weight: bold;
}
.accrediation-page .acctrediation .pdf-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Targeting odd rows (1st, 3rd, 5th...) with red buttons */
.accrediation-page .acctrediation .pdf-section .col-12:nth-of-type(6n+1) .pdf-btn,
.accrediation-page .acctrediation .pdf-section .col-12:nth-of-type(6n+2) .pdf-btn,
.accrediation-page .acctrediation .pdf-section .col-12:nth-of-type(6n+3) .pdf-btn {
    background-color: #E80000;
    color: white;
}

/* Targeting even rows (2nd, 4th, 6th...) with yellow buttons */
.accrediation-page .acctrediation .pdf-section .col-12:nth-of-type(6n+4) .pdf-btn,
.accrediation-page .acctrediation .pdf-section .col-12:nth-of-type(6n+5) .pdf-btn,
.accrediation-page .acctrediation .pdf-section .col-12:nth-of-type(6n+6) .pdf-btn {
    background-color: #FBA702;
    color: black;
}

/* .accrediation-page .acctrediation .pdf-section .btn-red{
    background-color: #E80000;
}
.accrediation-page .acctrediation .pdf-section .btn-yellow{
    background-color: #FBA702;
}  */
.accrediation-page .acctrediation .pdf-section .btn-yellow a{
    color: #680000 !important;
}
.accrediation-page .acctrediation .pdf-section .btn-yellow i{
    color: #680000 !important;
}
.accrediation-page .acctrediation  .btn-blue{
    background-color: #0365B7;
}

.accrediation-page .acctrediation .pdf-section .pdf-btn i,
.accrediation-page .acctrediation .pdf-btn i{
    font-size: 30px;
    color: #fff;
    margin-right: 30px;
}

.accrediation-page .acctrediation .pdf-section .pdf-btn a,
.accrediation-page .acctrediation  .pdf-btn a{
    text-decoration: none;
    letter-spacing: 0.76px;
    color: #FFFFFF;
    font-size: 38px;
    font-weight: bold;
    line-height: 57px;
}
/** ===============================================
#### grievance redressal page 
================================================**/
.grievance-redressal-page .grievance-redressal h2{
    letter-spacing: 0.7px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 50px;
    font-weight: bold;
}
.grievance-redressal-page .grievance-redressal h3{
    letter-spacing: 0.4px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 38px;
    font-weight: bold;
}
.grievance-redressal-page .grievance-redressal p{
    letter-spacing: 0.26px;
    color: #656565;
    font-size: 16px;
    line-height: 25px;
    margin: 15px 0px;
}
.grievance-redressal-page .grievance-redressal table tr p{
    margin: 0px;
}
/**======================================
grivenace form page 
=============================================**/
.grievance-form-page .grievance-form h2{
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    color: #0D1A54;
}
.grievance-form-page .grievance-form h2::before{
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 20px;
    display: inline-block;
    background-color: #E80000;
    margin-right: 15px;
}
.grievance-form-page .grievance-form .form-section{
    width: 50%;
}
.grievance-form-page .grievance-form .form-main-section{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 0px;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 10px #0000001A;
}
.grievance-form-page .grievance-form .form-main-section .form-section label{
    font-size: 18px;
    font-weight: 700;
    color: #0D1A54;
}
.grievance-form-page .grievance-form .form-main-section .form-section label::after {
    content: '*';
    color: red;
    margin-left: 7px;
}
/****===============================================
### library-page 
====================================================***/
.library-page .library .library-banner-img img{
    width: 100%;
 
}

/*common style for nss page and library page**/
.librarian-section .librarian-para-section p{
    letter-spacing: 0.26px;
    color: #656565;
    font-size: 16px;
    line-height: 25px;
    margin: 15px 0px;
}
.librarian-section .librarian-para-section h3{
    letter-spacing: 0.58px;
    color: #0D1A54;
    font-size: 29px;
    font-weight: bold;
    line-height: 43px;
}
.librarian-section .librarian-para-section h3 span{
    color: #E80000;
}
.img-heading-card .img-section img{
    width: 100%;
    border-radius: 15px;
}
.img-heading-card .heading-section{
    padding: 10px 30px;
    background-color: #273272;
    border-radius: 15px;
    margin: 10px 0px;
}
.img-heading-card .heading-section .heading-main, .heading-sub{
    display: flex;
    align-items: baseline;
    margin: 10px;
}
.img-heading-card .heading-section .heading-main .box{
    height: 30px;
    width: 9px;
}
.img-heading-card .heading-section .heading-main h2{
    letter-spacing: 0.56px;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 42px;
    margin: 0px 0px 0px 20px;
    font-weight: bold;
}
.img-heading-card .heading-section .heading-sub .circle-box{
    width: 15px;
    height: 15px;
    border-radius: 15px;
}
.img-heading-card .heading-section .heading-sub h3{
    letter-spacing: 0.45px;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    margin: 0px 0px 0px 20px;
}
/** common section ends **/

.library-page .library .vision-mission-section h2{
    letter-spacing: 0.7px;
    color: #0D1A54;
    font-size: 35px;
    line-height: 53px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0px 10px 0px;
}

.library-page .library .vision-mission-section .library-list-items li{
    color: #E80000;
    font-size: 25px;
}
.library-page .library .vision-mission-section .library-list-items li span{
    letter-spacing: 0.26px;
    color: #656565;
    font-size: 16px;
    line-height: 28px;
}
.library-page .library .vision-mission-section .text-align td:nth-child(2){
    background-color: #FF0000;
    border: 1px solid #FFBFBF;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
/*****================================
### digital-library 
========================================================*******/
.digital-library-page .digital-library .main-header-img img{
    width: 100%;
    height: 460px;
    border-radius: 15px;
    object-fit: cover;
}

.digital-library-page .digital-library .digital-para{
    margin:18px 0px;
    font-size:18px;
    line-height: 30px;
}
.digital-library-page .digital-library .img-gallery-section h3{
    letter-spacing: 0.96px;
    color: #0D1A54;
    font-size: 48px;
    line-height: 72px;
    font-weight: bold;
}
.digital-library-page .digital-library .img-gallery-section img{
    width: 100%;
}
.digital-library-page .digital-library .img-gallery-section .spl-img{
    border: 1px solid #707070;
    padding: 20px;
    height: 250px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.digital-library-page .digital-library .img-gallery-section .spl-img .spl{
    width: 200px;
}
.digital-library-page .digital-library .img-gallery-section .spl-img .spl-2{
    width: 300px;
}
/*****===============================
### nss-page 
=====================================================****/

.nss-page .nss .events-gallery-section h4{
    letter-spacing: 0.96px;
    color: #0D1A54;
    font-size: 48px;
    line-height: 72px;
    font-weight: bold;
    text-transform: uppercase; 
}
.nss-page .nss .events-gallery-section img{
    width: 100%;
    margin: 15px 0px;
    height: 250px;
    object-fit: cover;
    object-position: top;
}
/***** ===============================
### hostel-page 
================================================*******/
.hostel-page .hostel .img-gallery-section img{
    width: 100%;
    margin: 15px 0px;
}
.hostel-page .hostel .table-section .border-group-section h5{
    letter-spacing: 0.7px;
    color: #0D1A54;
    font-size: 35px;
    line-height: 53px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0px;
} 
.hostel-page .hostel .table-section .border-group-section ul{
    padding-inline-start: 0px;
    list-style: none;
}
.hostel-page .hostel .table-section .border-group-section ul li{
    border: 1px solid #CCCCCC;
    margin: 9px 0px;
    padding: 10px;
    letter-spacing: 0.32px;
    color: #656565;
    font-size: 20px;
    line-height: 30px;
}

/****==============================================
#### sports-page 
==========================================================****/
.sports-page .sports .sports-group-section h4{
    letter-spacing: 0.7px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 53px;
    font-weight: bold;
}
.sports-page .sports .sports-group-section p{
    letter-spacing: 0.26px;
    color: #656565;
    font-size: 18px;
    line-height: 30px;
    margin: 10px 0px;
}
/****=======================================
### wifi-internet-page  
=====================================================****/

.wifi-internet-page .wifi h5{
    letter-spacing: 0.7px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 53px;
    font-weight: bold;
}
.wifi-internet-page .wifi p{
    letter-spacing: 0.26px;
    color: #656565;
    font-size: 18px;
    line-height: 30px;
}
.wifi-internet-page .wifi ul{
    list-style-type: none;
    padding-inline-start: 0px;
}

.wifi-internet-page .wifi ul li{
    letter-spacing: 0.32px;
    color: #656565;
    font-size: 20px;
    line-height: 30px;
    border: 1px solid #CCCCCC;
    margin:9px 0px;
    padding: 10px;
}

/*****======================================================
#### transport
====================================================****/
.transport-page .transport .transport-section h2{
    letter-spacing: 0.7px;
    color: #0D1A54;
    font-size: 35px;
    line-height: 53px;
    font-weight: bold;
    text-transform: uppercase;
}
.transport-page .transport .transport-section h3{
    letter-spacing: 0.4px;
    color: #0D1A54;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    margin: 20px 0px;
}
.transport-page .transport .transport-section p{
    letter-spacing: 0.26px;
    color: #656565;
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0px;
}

/******==============================================
### placements-page
==============================================******/
.breadcurmb .placement{
    background-image: url(../img/placement/body-header.png) !important;
}
.module .scroll1 li {
    box-shadow: 0px 2px 10px #7A7A7A14;
    border: 1px solid #E5E5E5;
    height: 140px;
    padding: 10px;
    margin: 10px;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.placements-page .placement .img-heading-card img{
    height: 400px;
    /*object-fit: cover;*/
    object-fit: contain;
    border-radius: 20px;
    /*margin-bottom: 20px;*/
     margin-bottom: 5px;
}
.placements-page .placement .img-heading-card .heading-section{
    background-image: url(../img/breadcurmb/body-head-large.png);
    background-size: contain;
}
.placements-page .placement h3{
    letter-spacing: 0.6px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 30px;    
    line-height: 46px;
    font-weight: 500;
}
.placements-page .placement p{
    font-size: 16px;
    letter-spacing: 0.26px;
    color: #707070;
    line-height: 26px;
    margin-top: 15px;
}
.staff-contact-us-section h4 {
    letter-spacing: 0.7px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: bold;
    line-height: 53px;
    margin: 0px 0px 0px 15px;
}
.campus-drive-heading h4 {
    letter-spacing: 0.7px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: bold;
    line-height: 53px;
    margin: 0px 0px 0px 15px;
}
.campus-drive-heading h4 span{
    text-transform: capitalize;
}
.placements-page .placement ul li{
    font-size: 20px;
    color: #E80000;
}
.placements-page .placement .team-img{
    width:180px;
    height: 230px;
    border: 1px solid #BBBBBB;
}
.placements-page .placement .staff-table{
    height: 100%;
    margin: 0px;
}
.placements-page .placement .staff-table td{
    vertical-align: middle;
}
.placements-page .placement .staff-table td p{
    letter-spacing: 0.3px;
    color: #343434;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin: 0px;
}
.placements-page .placement .staff-table td h6{
    letter-spacing: 0.3px;
    color: #0D1A54;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin: 0px;
}
.placements-page .placement .staff-table tr td:nth-child(1){
    width: 30%;
}
.placements-page .placement .staff-table tr:nth-child(3) img{
    margin-right: 10px;
}
.placements-page .placement .spl-table-last-row{
    background-color: #F2D200;
}
.placements-page .placement #center-body::after {
    content: "";
    width: 20%;
    height: 63%;
    background-image: url(../img/placement/new-polygon-blink-anim-large-size.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 17%;
    right: 4%;
}

#center-body {
	position: relative;
}
.staff-contact-us-section .main-contact-section{
    border: 1px solid #BBBBBB;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 3px 3px 10px #0000001A;
}
.staff-contact-us-section .main-contact-section .contact-section .director-name{
    display: flex;
    align-items: flex-start;
} 
.staff-contact-us-section .main-contact-section .contact-section .director-name img{
    width: 40px;
    margin-right: 20px;
}
.staff-contact-us-section .main-contact-section .contact-section .director-name h3{
    color: #E80000;
    font-size: 26px;
    line-height: 39px;
    font-weight: bold;
}
.staff-contact-us-section .main-contact-section .contact-section .director-name h4{
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    color: #0D1A54;
    margin-left: 0px;
}
.staff-contact-us-section .main-contact-section .contact-section .director-name span{
    font-weight: 500;
    font-size: 20px;
}
.staff-contact-us-section .main-contact-section .contact-section .contact{
    display: flex;
    align-items: center;
}
.staff-contact-us-section .main-contact-section .contact-section .contact img{
    width: 25px;
    margin: 10px 25px 10px 10px;
}
.staff-contact-us-section .main-contact-section .contact-section .contact a{
    text-decoration: none;
    letter-spacing: 0.6px;
    color: #0D1A54;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
/**========================================
### alumini page 
==========================================**/
section.breadcurmb  .alumini{
    background-image: url(../img/alumni-tab/main-header-image.png) !important;
}

/*********accordian*********/

button.accordion-button.collapsed {
    background-color: #101B80;
    color:#ffffff;
    font-weight: 700;
    margin-bottom: 15px;
}
button.accordion-button.collapsed::before {
    margin-right: 5px;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../img/stakeholder-imgs/plus.png);
    background-size: contain;
    filter: invert(1);
}
.accordion-button:not(.collapsed) {
    color: #FFEF00;
    font-weight: 700;
    background-color: #101B80;
}
.accordion-button:not(.collapsed)::before{
    content:"\23F6";
    width:20px;
    height:20px;
    margin-right: 5px;
}
.accordion-button::after {
    background-image: none;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
}

.accordion-content ul{
    list-style: none;
    margin: 15px 0px;
}
/*****===========================
## NAAc (srr, dvv) pages 
=====================================**/
section.breadcurmb .ssr-page{
    background-image: url(../img/naac-tab/naac-main-banner.png);
}
.section-divider{
    width: 100%;
    height: 4px !important;
    color: #CCCCCC;
}

.accordion-content ul li a{
    color: #0080FF;
    text-decoration: none;
    font-size: 14px;
    line-height: 27px;
    font-weight: 600;
}
.accordion-content{
    background-color:  #F6F6F6;
    border: 1px solid #CCCCCC;
}



/**============================================
###### diploma-page-in-courses 
=============================================**/
.diploma-page .diploma .img-principal img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.diploma-page .diploma .breadcurmb-two .breadcurmb-main-heading .inner-section .color-box{
    height: 30px;
    width: 9px;
}
.diploma-page .diploma .breadcurmb-two .breadcurmb-main-heading .inner-section h1{
    font-size: 28px;
    line-height: 32px;
}
.diploma-page .diploma .breadcurmb-two .breadcurmb-main-heading .breadcurmb-sub-heading .circle-box{
    font-size: 20px;
}
.diploma-page .diploma .breadcurmb-two .breadcurmb-main-heading .breadcurmb-sub-heading h3{
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.diploma-page .diploma .breadcurmb{
    margin: 0px;
}
.diploma-page .diploma .principal-message-section .principal-message-main-heading h3{
    letter-spacing: 0.7px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 53px;
}
.diploma-page .diploma .principal-message-section .principal-message-para p{
    letter-spacing: 0.26px;
    color: #707070;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}
.diploma-page .diploma .dept-heading h5{
    letter-spacing: 0.64px;
    color: #0D1A54;
    font-size: 32px;
    font-weight: bold;
    line-height: 32px;
}
.diploma-page .diploma .dept-diploma-courses-group .dept-diploma{
    background-color: #FF0000;
    border-radius: 8px;
    padding: 10px 30px;
    margin: 10px 0px;
    display: flex;
    align-items: center;
}
.diploma-page .diploma .dept-diploma-courses-group .dept-diploma img{
    width: 35px;
}
.diploma-page .diploma .dept-diploma-courses-group .dept-diploma:nth-child(2) img{
    width: 26px;
}
.diploma-page .diploma .dept-diploma-courses-group .dept-diploma a{
    letter-spacing: 0.32px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin-left: 12px;
}

.diploma-page .diploma .dept-gallery-section .dept-gallery-heading .inner-section{
    display: flex;
    align-items: center;
}
.diploma-page .diploma .dept-gallery-section .dept-gallery-heading .inner-section .color-box{
    height: 30px;
    width: 9px;
}
.diploma-page .diploma .dept-gallery-section .dept-gallery-heading .inner-section h2{
    letter-spacing: 0.7px;
    color: #0D1A54;
    font-size: 35px;
    line-height: 40px;
    font-weight: bold;
    margin: 0px 0px 0px 15px;
}
.diploma-page .diploma .dept-gallery-section .dept-gallery-heading .inner-section .circle-box{
    width: 15px;
    height: 15px;
    border-radius: 15px;
}
.diploma-page .diploma .dept-gallery-section .dept-gallery-heading .inner-section h3{
    letter-spacing: 0.4px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    margin: 0px 0px 0px 15px;
}
.diploma-page .diploma .dept-gallery-section .carousel .carousel-inner .carousel-item img{
    border-radius: 20px;
    height: 350px;
    object-fit: cover;
}
.diploma-page .diploma .common-side-links-section{
    height: 440px !important;
}

/**======================================
## exam cell 
==========================================**/
section.breadcurmb .exam-cell-page{
    background-image: url(../img/exam-cell-tab/exam-cell-main-banner.png);
}
.exam-cell-page .exam-cell-body .left-side-results-section .results-banner{
    background-image: url('../img/exam-cell-tab/results-image.png');
    background-size: cover;
    border-radius: 20px;
    height: 230px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;

}
.exam-cell-page .exam-cell-body .left-side-results-section .results-banner h2{
    letter-spacing: 1.02px;
    color: #FFFFFF;
    text-shadow: 0px 3px 5px #5B0000;
    font-size: 64px;
    line-height: 95px;
    font-weight: 600;
}
.exam-cell-page .exam-cell-body .left-side-results-section .results-body{
   /* height: 1290px;*/
   height:300px;
    overflow: auto;
}
.exam-cell-page .exam-cell-body .left-side-results-section .results-body .results-section{
    border: 1px solid #BBBBBB;
    margin: 10px 0px;
    padding: 10px 15px;
    position: relative;
}
.exam-cell-page .exam-cell-body .left-side-results-section .results-body .results-section a{
    text-decoration: none;
    letter-spacing: 0.26px;
    color: #0080FF;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
}
.exam-cell-page .exam-cell-body .left-side-results-section .results-body .results-section .new-badge{
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 0px 10px;
    background-color: red;
    color: #fff;
    border-radius: 12px 0px 0px 0px;
    font-size: 14px;
    line-height: 25px;
}
.exam-cell-page .exam-cell-body .right-side-notification-section .text-inner-card{
    height: 250px !important;
}
.text-inner-card .text-inner-sub-card .text-row .new-badge::after{
    content: 'New';
    margin-left: 18px;
    background: red;
    padding: 4px 7px;
    border-radius: 5px;
    color: #fff;
}
.exam-cell-page .exam-cell-body .right-side-notification-section .right-card{
    height: 330px !important;
}
.exam-cell-page .exam-cell-body .right-side-notification-section .main-contact-section .contact-section .section{
    border-bottom: 1px solid #B7B7B7;
    margin: 0px 0px 20px 0px;
    padding-bottom: 20px;
}
.exam-cell-page .exam-cell-body .right-side-notification-section .divider{
    border-bottom: 1px solid #B7B7B7;
    margin: 35px 0px;
}
.exam-cell-page .exam-cell-body .link-visit{
    background-color: #F6CF67;
    padding: 10px 20px;
    display: flex;
    margin-bottom: 30px;
}
.exam-cell-page .exam-cell-body .link-visit a{
    color: #680000;
    font-size: 26px;
    line-height: 39px;
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none;
}
.exam-cell-page .exam-cell-body .text-row:nth-child(odd){
    background-color: #F8F8F8;
}
/***=================================
## DIPLOMA-EXAM-CELL PAGE
=========================================***/
.diploma-exam-cell-page .right-card{
    height: unset ;
}
/**============================================
### gallery papper clipping page 
============================================================**/
.paper-clipping-page .paper-clipping .photos .item .spl-img {
    object-position: top;
}


/***===========================================
### IQAC MEETINGS page
=========================================================***/
section.breadcurmb  .iqac-page{
    background-image: url(../img/iqac-tab/main-banner-img.png);

}
.links-section .link-buttons button{
    width: 100%;
    text-align: left;
    height: 65px;
    margin: 10px 0px;
    background-color: #F6CF67;
    border: 1px solid #EBB525;
    border-radius: 15px;
    padding: 0px 30px;
}
.links-section .link-buttons button:hover{
    outline: 7px solid #00670557;
}
.links-section .link-buttons button a{
    color: #680000;
    font-size: 24px;
    line-height: 39px;
    font-weight: bold;
    text-decoration: none;
}
.links-section .link-buttons button a::before {
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(../img/iqac-tab/arrow-icon.png);
    background-size: cover;
    margin-right: 20px;
}
/**=======================================
##### contcat us page 
=========================================**/
.contact-page .contact-body .staff-contact-us-section .contactpage-section{
    height: 400px;
}
.contact-page .contact-body hr{
    height: 3px;
    color: #ccc;
}
.staff-contact-us-section .main-contact-section .contact-section .enquiry-contact{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.staff-contact-us-section .main-contact-section .contact-section .enquiry-contact img{
    width: 50px;
}
.staff-contact-us-section .d-flex img {
    margin-top: 8px;
}
.staff-contact-us-section .d-flex {
    align-items: flex-start;
}
.staff-contact-us-section .contact-section .distance-list ul li{
    font-size: 18px;
    line-height: 40px;
    color: #0D1A54;
}
.staff-contact-us-section .contact-section .distance-list ul li::before{
    content: '';
    width: 10px;
    height: 10px;
    background-color: #E80000;
    display: inline-block;
    border-radius: 10px;
    margin-right: 15px;
    margin-bottom: 2px;
}
.staff-contact-us-section .contact-section .distance-list ul{
    list-style: none;
    padding-inline-start: 10px;
}
/**==================================
### stakeholder-page
=============================================**/
.aqar-heading{
    margin-top: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 48px;
    line-height: 72px;
    text-transform: uppercase;
    letter-spacing: 0.96px;

}
.accordion-button:focus {
    box-shadow: none;
}
button.accordion-button.collapsed {
    background-color: #E80000;
    color:#ffffff;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
}
button.accordion-button.collapsed::before {
    margin-right: 15px;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(../img/accordian-img/plus.png);
    background-size: contain;
    filter: invert(1);
}
.accordion-button:not(.collapsed) {
    color: #fff;
    font-weight: 600;
    font-size: 26px;
    line-height: 15px;
    background-color: #0d1a54;
}
.accordion-button:not(.collapsed)::before{
    content:"\23F6";
    width:25px;
    height:25px;
    margin-right: 15px;
}
.accordion-button::after {
    background-image: none;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
}
.stakeholder-page .stakeholder-body .collapse .accordion-content h4{
    color: #0D1A54;
    font-size: 28px;
    line-height: 22px;
    font-weight: 800;
}
.stakeholder-page .stakeholder-body .collapse .accordion-content h4 span{
    font-weight: 600;
    font-size: 18px;
}
.stakeholder-page .stakeholder-body .links-section .link-buttons button{
    border-radius: 0px;
}
.stakeholder-page .stakeholder-body hr{
    color: #CCCCCC;
    height: 3px !important;
}

/*****alumini-page****/

.tabs {
    margin: 0px 20px;
    position: relative;
    background: #EFF1E4;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
    width: 100%;
  }
  
  .tabs nav {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background:  var(--primary-color-blue);
    color:white;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
    width: 170px;
  }
  
  .tabs nav a {
    padding: 20px 0px;
    text-align: center;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    color:white;
  }
  .tabs .content p {
      /* padding-bottom: 2px; */
      padding: 20px;
      font-size: 17px;
      color: black;
      text-align: justify;
  }
  .tabs .content h3{
      color: #0E156C;
      font-family: "Nunito", Sans-serif;
      font-weight: 900;
  }
  
  .tabs nav a:hover,
  .tabs nav a.selected {
      background: #1a245f;
      color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none;
  }
  
  .tabs .content {
    padding: 20px 0px;
    position: absolute;
    top: 0px;
    left: 150px;
    color: #6C5D5D;
    width: 0px;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.1s linear 0s;
  }
  
  .tabs .content.visible {
    padding: 20px;
    width: calc(100% - 150px);
    overflow: auto;
    opacity: 1;
  }
  
  .tabs .content p { padding-bottom: 2px; }
  
  .tabs .content p:last-of-type { padding-bottom: 0px; }
  
  
  /****** COURSES PAGE *****/
  /*********** UG SUBMENU  ************************/
  /******====================================
  ## AME PAGE 
  =====================================******/
.breadcurmb .ame-page{
    background-image: url(../img/courses-tab/ug/AME/main-header-img.png) !important;
} 
h3.resp-accordion {
    cursor: pointer;
    font-size: 18px;
    display: none;
    font-weight: 300;
    margin: 0;
    line-height: 66px;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}
.resp-tab-content {
    display: none;
}
.resp-tab-active,
.common-side-links-section ul li:hover 
{
    background-color: #D90000 !important;
    /*background-image: unset !important;*/
}

.resp-tab-active a,
.common-side-links-section ul li:hover a
{
    color: #fff !important;
}
.resp-content-active,
.resp-accordion-active {
    display: block;
}
    
.AME-page .AME-body .ame-wheel-lab img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}
.AME-page .AME-body .ame-ac-lab img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}
.AME-page .AME-body .ame-alumni-tab p{
    text-align: center;
}
.AME-page .AME-body .ame-alumni-tab img{
    width:150px;
}
/**==================================
## hod commonpage for all courses section
=======================================**/
.hod-profile .hod-img img{
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    border: 1px solid #C1C1C1;
}
.hod-profile .hod-content-section .hod-name{
    display: flex;
    align-items: center;
}
.hod-profile .hod-content-section .hod-name img{
    width: 19px;
    height: 30px;
}
.hod-profile .hod-content-section .hod-name h4{
    letter-spacing: 0.6px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 46px;
    font-weight: bold;
    margin:0px 0px 0px 15px;
}
.hod-profile .hod-content-section .hod-sub-name h3{
    letter-spacing: 0.45px;
    color: #0D1A54;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    margin: 10px 0px;
}
.hod-profile .hod-content-section .hod-sub-name h3::before{
    width: 15px;
    height: 15px;
    content: '';
    border-radius: 15px;
    background-color: #E80000;
    display: inline-block;
    margin:0px 15px 0px 0px;
}
.hod-profile .hod-content-section .hod-email-section img{
    width: 30px;
}
.hod-profile .hod-content-section .hod-email-section a{
    text-decoration: none;
    letter-spacing: 0.4px;
    color: #0D1A54;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-left: 10px;
}
.hod-profile .hod-wishes{
    display: flex;
}
.hod-profile .hod-wishes img{
    width: 60px;
}
.hod-profile .hod-wishes p{
    letter-spacing: 0.6px;
    color: #656565;
    font-size: 30px;
    line-height: 46px;
    margin: 0px 0px 0px 20px;
}
/*cse dept about hod*/
.hod-detailes-bottom p{
    color:#656565;
    font-weight:600;
    font-size:16px !important;
    
}
.hod-profile .hod-message-section .hod-about h3{
    letter-spacing: 0.52px;
    color: #0D1A54;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 39px;
}
.courses-page-common h2{
    letter-spacing: 0.7px;
    color: #0D1A54;
    text-transform: capitalize;
    font-size: 35px;
    line-height: 53px;
    font-weight: bold;
}
.courses-page-common h2::before{
    content: '';
    width: 20px;
    height: 30px;
    display: inline-block;
    margin-right: 15px;
    background-image: url(../img/placement/Design.svg);
}
.courses-page-common p{
    letter-spacing: 0.26px;
    color: #656565;
    font-size: 16px;
    line-height: 25px;
    margin-top: 15px;
    text-align: justify;
    
}
.courses-page-common h3{
    letter-spacing: 0.52px;
    color: #0D1A54;
    font-size: 26px;
    line-height: 39px;
    font-weight: bold;
}
.courses-page-common h5{
    letter-spacing: 0.52px;
    color: #E80000;
    font-size: 22px;
    line-height: 34px;
    font-weight: 700;
}
.faculty-section .faculty-img img{
    height: 180px;
    width: 100%;
    object-fit: cover;
}
.faculty-section .faculty-img .big-img{
    height: 220px;
}
.faculty-section .faculty-img{
    position: relative;
}
.faculty-section .faculty-img .view-profile{
    position: absolute;
    bottom: 0px;
    background-color: #0D1A54;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    left:0px;
}
.faculty-section .faculty-img .view-profile i{
    transform: rotate(-45deg);
    color: #fff;
    font-size: 18px;
}
.faculty-section .faculty-img .view-profile a{
    margin: 0px 0px 0px 10px;
    letter-spacing: 0.38px;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    text-decoration: none;
}
.faculty-section table td p{
    margin: 0px;
    letter-spacing: 0.3px;
    color: #3D3D3D;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
}
.faculty-section table td h6{
    letter-spacing: 0.3px;
    color: #0D1A54;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}
.faculty-section table td h6 a{
    letter-spacing: 0.3px;
    color: #0D1A54;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-decoration: none;
}
.faculty-section table td img{
    width: 25px;
}
.faculty-section table tr td:nth-child(1){
    width: 40%;
}
.faculty-section table tr td:nth-child(2){
    width: 60%;
}
.curriculam table tr td a{
    text-decoration: none;
    letter-spacing: 0.26px;
    color: #0080FF;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
}
.publications p{
    width: 100%;
    border: 1px solid #BBBBBB;
    padding: 10px;
    margin: 15px 0px;
}
/*=========================================
#### courses offered in depatments all pages
==================================================**/
.department-courses-offered h3::before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin: 0px 8px 4px 0px;
    background-color: #E80000;
    display: inline-block;
}
.department-courses-offered h4{
    letter-spacing: 0.52px;
    color: #0D1A54;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
}
.department-courses-offered table{
    /*width:50%;*/
}

@media only screen and (max-width: 992px){
    .department-courses-offered table{
        width: 100%;
    }
}



/*==============================================
### admission - courses offered - btech 
================================================*/
.course-list-page .note-points p{
    font-size: 20px;
    font-weight: bold;
    color: #000E4A;
}
.course-list-page .note-points p span{
    font-size: 18px;
    font-weight: 500;
    color: #3D3D3D;
}
.course-list-page table tr td p, .course-list-page table tr th p{
    text-align: center;
}

/**========================================
#### civil page 
========================================**/
section.breadcurmb .civil-page{
    background-image: url(../img/courses-tab/ug/civil/civil-main-header.png);
}
.civil .ug-lesson-plans ul li{
    color: #E80000;
}
.civil .ug-lesson-plans ul li a{
    text-decoration: none;
    font-size: 16px;
    color: #656565;
}
/**=======================================
### EEE page 
=========================================**/
section.breadcurmb .eee-page{
    background-image: url(../img/courses-tab/ug/EEE/eee-main-header.png);
}
/**=====================================
#### ECE page 
=================================**/
section.breadcurmb .ece-page{
    background-image: url(../img/courses-tab/ug/ECE/ece-main-header.png);
}
.ece-gallery img{
    height: 250px;
    margin: 15px 0px;
    object-fit: cover;
}
/**=================================
### BS&H page 
========================================**/
section.breadcurmb .bsh-page{
    background-image: url(../img/courses-tab/ug/bs-h/bsh-main-header.png);
}
.ug-syllabus p{
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin: 15px 0px;
}
.ug-syllabus p a{
    text-decoration: none;
    font-size: 16px;
    color: #3D3D3D;
}
/**=====================================
## Csc page in course tab 
=======================================**/
section.breadcurmb .csc-page{
    background-image: url(../img/courses-tab/ug/CSE/csc-main-heading.png);
}
.ug-page .cse table td p a{
    text-decoration: none;
    color: #0D1A54;
    font-weight: 600;
    font-size: 16px;
}
.ug-page .cse .spl-img-courses img{
    height: 250px;
    object-fit: cover;
    object-position: bottom;
    width: 100%;
}

/* cse page  left-side tabs */
.left-side-menu{
    /*background-color:#008fffc2;*/
    background-color: #fff;
    border-radius: 0.25rem;
    border: 1px solid #0006;
    padding: 20px;
}
.ug-page .cse .left-side-menu-item{
    color:#000;
    font-size: 16px;
    font-weight: 600;
}
.ug-page .cse .left-side-menu-item a:hover{
    color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: #D90000;
    color: #fff
}
.nav-link.left-side-menu-item:hover{
    background-color: #D90000;
    color: #fff;
    opacity:0.9;
}
div#v-pills-tab {
    height: auto;
    position: sticky;
    top: 0px;
}
.ug-page .cse .left-side-menu-item:not(:last-child) {
    border-bottom: 2px solid #27327221 !important;
}
/*.nav-link.left-side-menu-item::before {
    content: '\2714\0020 ';
}*/
.right-side-content-tab {
    background-color: #f0f8ff82;
}

/**===========================================
### Mechanical page - workshops tab
=============================================**/
.workshop-card{
    border: 1px solid grey;
    padding:20px;
    margin:10px;
    background-color: #cecece21;
}
.workshop-card .workshopcard-top{
    text-align: center;

}
.workshop-card .workshopcard-top a{
    font-weight:bold;
    font-size:20px;
    color:#E80000;
}


/**=============================================
## mba 
==============================================**/
section.breadcurmb .mba-page{
    background-image: url(../img/courses-tab/pg/mba/mba-main-header.png);
}
.mba-adm-scroll a{
    text-decoration: none;
    color: #0080FF;
    font-size: 20px;
}
/*=============================================
###### student corner page 
===========================================**/
.student-corner .student-corner-card-inner{
   
    text-align: center;
}
.card.student-corner {
    background-image: linear-gradient(to right, #FFFDFD, #FEF2F2);
    height: 268px;
    margin: 20px 0px;
    padding: 25px;
}
.student-corner .student-corner-card-inner h5 {
    font-weight: 700;
    font-size: 24px;
}
.student-corner .student-corner-card-inner .student-corder-btn {
    padding: 7px 20px;
    background-color: #273272;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px;
    border-radius: 4px;
    transition-duration: 0.5s;
}
.student-corner .student-corner-card-inner .student-corder-btn:hover{
    background-color: transparent;
    outline:2px solid #273272;
}
.student-corner .student-corner-card-inner .student-corder-btn:hover a{
    color: #273272;
} 
.student-corner .student-corner-card-inner .student-corder-btn:hover a::after{
    content: '\2192';
    width: 25px;
    font-size: 17px;
    margin-left: 20px;
    font-weight: bold;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    background-color: #273272;
}
.student-corner .student-corner-card-inner .student-corder-btn a{
    color: #fff;
    text-decoration: none;
    transition-delay: 0.2s;
}
.student-corner .student-corner-card-inner .student-corner-img{
    width:150px;
    height: 65px;
    margin: 15px 0px;
}
.our-partners {
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin: 15px 0px;
}

@media only device and (max-width:767px){
    .student-corner .student-corner-card-inner .student-corner-img{
        height: auto;
    }
    .student-corner .student-corner-card-inner h5{
        font-size: 18px;
    }
    .our-partners{
        height:150px;
    }
}
/*=============================================
###### criterion pages
===========================================**/
.criterion-page-btn{
    font-size: 18px !important;
}
/* ================================ */
/* #### gallery category thumbail section */
/* ================================ */
.event-gallery-thumbnail-card{
    position: relative;
    overflow: hidden;
    height: 300px;
    width: 100%;
    border-radius: 15px;
    transition-duration: 1s;
}
.event-gallery-thumbnail-card .gallery-thumbnail{
    width: 100%;
    height: 100%;
    transition-duration: 1s;
}
.event-gallery-thumbnail-card .gallery-category{
    position: absolute;
    bottom: -10px;
    left: 0px;
    background-image: linear-gradient(0deg, #050505cf, transparent);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 0px 0px 30px 20px;
    color: #fff;
    transition-duration: 1s;
}
.event-gallery-thumbnail-card:hover .gallery-thumbnail{
    transform: scale(1.05);
}
/* ========================= */
/* gallery page  */
/* ============================= */
.sub-category-images{
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}
.gallery-image{
    max-width: 32%;
}
.gallery-image img{
    width: 100%;
    height: 250px;
    border-radius: 15px;
    object-fit: cover;
}
.gallery-heading{
    margin-bottom: 30px;
}
.gallery-heading::before{
    content: '';
    width: 15px;
    height: 15px;
    background-color: rgb(228,10,10);
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}
@media only screen and (max-width:768px){
    .gallery-image{
        width: 50%;
    }
}
@media only screen and (max-width:400px){
    .gallery-image{
        width: 100%;
    }
}




/**=====================-----------
## common all courses oages Vertical tabs
======================================-----------*/
.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 16px;
    margin-right: 15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid;
    color:#fff;
}
.resp-accordion a{
    color:#000;
    text-decoration: none;
}
h3.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid;
}
.resp-easy-accordion h3.resp-accordion {
    display: block;
}
.resp-jfit {
    width: 100%;
    margin: 0px;
}
.resp-tab-content-active {
    display: block;
    background: #e7edee;
    padding: 0 25px 25px;
}

@media only screen and (max-width: 980px) {
    ul.resp-tabs-list {
        display: none;
    }
    h3.resp-accordion {
        display: block;
        padding-left: 25px;
        background-image: unset;
        border: 1px solid #000;
        margin: 10px 0px;
        padding: 10px 20px;
    }
    .resp-accordion-closed {
        display: none !important;
    }
    .prod-tab-content{
        padding: 10px;
    }
    /*** placements page heading font **/
    .campus-drive-heading h4{
        font-size: 28px;
        line-height: 40px;
    }
    /**=================================
    ### bs&h page 
    =================================**/
    .hod-profile .hod-content-section .hod-name img{
        margin-top: 10px;
    }
    .hod-profile .hod-content-section .hod-name{
        align-items: unset;
    }
    /**stakholder page **/
    .links-section .link-buttons button{
            padding: 15px 12px;
            height: auto;
    }
    .staff-contact-us-section h4{
        font-size: 24px;
        line-height: unset;
        margin-top: 6px;
    }
}



@media only screen and (min-width:320px) and (max-width:768px){
        
    /**** notice board ***/
    .tab .each-tab button{
        font-size:14px;
        padding:12px 15px;
    }

    /**============================
    ## about us page 
    ======================================= **/
    section.breadcurmb .breadcurmb-main-heading h1{
        font-size: 22px;
        line-height: 30px;
    }
    section.breadcurmb .breadcurmb-main-heading h2{
        font-size: 28px;
        line-height: 60px;
    }
    section.breadcurmb .breadcurmb-main-heading .color-box {
        height: 40px;
    }
    section.breadcurmb .breadcurmb-main-heading{
        height: 200px;
    }
    section.breadcurmb-two .breadcurmb-main-heading {
        padding: 0px 0px 0px 15px;
    }
    section.breadcurmb-two .breadcurmb-sub-heading h3{
        font-size: 18px;
        line-height: 30px;
    }
    .about-page .about-us .quote-para-section .quote-img img{
        width: 60px;
    }
    .about-page .about-us .quote-para-section .quote-para p{
        font-size: 22px;
        line-height: 30px;
    }
    .about-page .about-us .quote-para-section .quote-para .author-name{
        font-size: 23px;
        margin-top: 15px;
    }
   /**==================================== 
   ## stakeholder page media query
   ======================================**/
    .stakeholder-page h4{
        font-size:19px;
    }
    .stakeholder-page h4 span{
        font-size: 11px;
    }


    /**============================
    #### accrediatipn 
    =============================**/
    .accrediation-page .acctrediation  .btn-blue a{
        font-size: 18px;
    }
    /**======================================
    ## diplomo cell age 
    =================================**/
    .diploma-exam-cell-page .notification-box {
        margin-right:0px;
        margin-bottom: 15px;
    }
    .diploma-exam-cell-page  .result-box{
        margin-left: 0px;
    }
   
    .diploma-exam-cell-page .notification-content a , .diploma-exam-cell-page .result-content a , .diploma-exam-cell-page .sbtet-box a {
            font-size: 14px;
    }
    .diploma-exam-cell-page h2 {
        font-size: 19px;
        padding: 10px 0px 20px;
    }
    .diploma-exam-cell-page h3{
        font-size: 18px;
    }

    /***=================================
    ## stakeholder page 
    =================================================**/
   .links-section .link-buttons button{
    padding: 15px 9px;
   }
   .links-section .link-buttons button a::before{
    width: 20px;
    height: 20px;
    margin-right: 10px;
   }
   .links-section .link-buttons button a{
    font-size: 20px;
   }
    /** ==================================
    ## digital library 
    ============================================****/
    .digital-library-page .digital-library .main-header-img img{
        height: auto;
        margin:20px 0px
    }
    .digital-library-page .digital-library .list-items{
        height: auto;
        padding: 0px 0px 10px 0px;
    }
    .digital-library-page .digital-library .img-gallery-section .spl-img{
        height: 150px;
    }
    /** =================================
    ## diploma page prinipal image
    ============================= ***/

    .diploma-page .diploma .img-principal img{
        height: 600px;
        object-fit: cover;
        object-position: top;
        border-radius: 20px;
    }
    /***** ========================= 
    ## common section side quick links scetion 
    ========================================**/
    .courses-page-common h3 a {
        font-size: 20px;
    }
    .courses-page-common h2{
        font-size: 24px;
    }
    /**===================================
    ### placements page 
    ============================================**/
    .placements-page .placement h3{
        font-size: 22px;
    }
    /**=========================================
    ### contact page 
    ====================================**/
    .contact-page .contact-body .staff-contact-us-section .contactpage-section{
        height: auto;
    }
    .staff-contact-us-section .main-contact-section{
        padding: 15px;
    }
    .staff-contact-us-section .main-contact-section .contact-section .contact img{
        margin: 10px 10px 10px 10px;
    }

}

@media only screen and (min-width:768px) and (max-width:1023px){
/**** notice board ***/
    .tab .each-tab button{
        font-size:16px;
        padding:12px 30px;
    }

    /** ==========================
    ## accrediation page 
    ===========================================**/
    .accrediation-page .acctrediation .acctrediation-img-section .heading-styles{
        font-size: 40px;
        line-height: 60px;
    }

    /**===========================
    ## digital libraray page 
    =========================================**/
    .digital-library-page .digital-library .list-items ul li{
        font-size: 16px;
    }
    .img-heading-card .heading-section .nss-page-heading h2{
        font-size: 20px;
        line-height: 34px;
    }
    /***** ========================= 
    ## common section side quick links scetion 
    ========================================**/
    .common-side-links-section ul li a{
        font-size: 16px;
    }
    .courses-page-common h3 a {
        font-size: 22px;
    }
    /** =================================
    ## diploma page gallery courosel 
    ============================= ***/
    .diploma-page .diploma .md-spl-section{
        display: flex;
        justify-content: center;
        order: -1;
    }
    /**===================================
    ##contcat page 
    ====================================**/
    .staff-contact-us-section .main-contact-section{
        padding: 15px;
    }
    .staff-contact-us-section .main-contact-section .contact-section .contact img{
        margin: 10px 10px 10px 10px;
    }
    .contact-page .contact-body .staff-contact-us-section .contactpage-section{
        height: 550px;
    }
    .contact-page .contact-body .staff-contact-us-section .md-main-contact-section{
        height: 280px;
    }
    

}
@media only screen and (min-width:1024px) and (max-width:1127px){
    /** =================================
    ## diploma page  
    ============================= ***/
    .diploma-page .diploma .dept-heading h5{
        font-size: 26px;
    }
    .common-side-links-section ul li a{
        font-size: 14px;
    }
}