@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import  url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    --primary-color:#003D68;
    --black:#000000;
    --white:#ffff;
    --white-bg:#FFFFFF;
    --hover:#D10207;
    --red:#E61A22;
    --footer-para:#7CBBE8;
    --footer:#034B7E;
}
*{
    font-family: 'Poppins', sans-serif;
}
li a{
    text-decoration: none;
}
/* li{
    list-style: none;
    display:inline;
} */
body{
    padding:0px;
    margin:0px;
}
.college-code-head,.college-code{
 padding: 15px 20px;
 color: #fff;
}
.college-code-head {
    background-color:var(--primary-color);
}
.college-code{
    background-color: var(--red);
    
}
.college-code-head h3{
    margin-bottom:0;
}
.clg-code img{
    width:200px;
}
.college-code h3{
    font-size: 54px;
    font-weight: 700;
    margin-bottom:0;
}

/*****Top-header-logoSec******/
/*.topHeader-Nav .top-header-logoSec img{*/
/*    max-width:780px;*/
/*    height:auto;*/
/*}*/
.headerNav .topHeader-Nav{
    background-color: var(--white-bg);
}
.topHeader-Nav .headerSec-clgCode .headerSec-clgCode-Info .clg-code span{
    font-size:18px;
    line-height: 24px;
    color:#034B7E;
    font-weight:900;
    display:block;
    text-align:right;
}
.topHeader-Nav .headerSec-clgCode .headerSec-clgCode-img img{
    max-width:137px;
    height:auto;
    margin-top:8px;
}
/*****mainNavBar-Sec**********/
.headerNav .mainNavBar-Sec {
    background-color: var(--primary-color);
}
/* .mainNavBar-Sec .navbarSec-navItems .navbar-nav {
    display: flex;
    justify-content: space-between;
} */
.mainNavBar-Sec .navbarSec-navItems ul li a{
    color:var(--white);
    font-size:12px;
    line-height:17px;
    font-weight:500;
    padding:11px 0px;
}
.mainNavBar-Sec .navbarSec-navItems ul li a:active{
    background-color: var(--hover);
    color:white;
}
.mainNavBar-Sec .navbarSec-navItems ul{
    gap:1px;
}
.mainNavBar-Sec .navbarSec-navItems ul li:hover{
    background-color:var(--hover);
}
.mainNavBar-Sec .navbarSec-navItems ul li .subMenu{
    color:var(--white);
}
.mainNavBar-Sec .navbarSec-navItems ul .nav-item-First{
    background-color:rgba(255, 255, 255, 0.1);
    color:white;
}
.mainNavBar-Sec .navbarSec-navItems ul .nav-item-First:hover{
    background-color:rgba(255, 255, 255,0.1);
    color:white;
}
.navbar-nav .nav-link.active{
    color:var(--white) !important;
}
.subMenu ul li:nth-child(3) .admission-nav{
    padding-left:10px;
}
/****subMenu****/
nav .nav-link.show{
    color:var(--white) !important;
}
/**.dropdown-toggle::after{
    content:none !important;
}**/
.dropdown-item {
    color:var(--black) !important;
    font-size:12px !important;
}
li.dropdown-Nav:hover .subMenu{
    display:block;
}
/* iqac */

.dropdown-Nav .dropdown-menu .dropdown-submenu{
    position: relative;
}
.dropdown-Nav .dropdown-menu .dropdown-submenu .dropdown-submenulist{
        position: absolute;
        top: 0;
        right: 100%;
        margin-top: -4px;
        display: none;
        background-color: var(--white);
        color: var(--black);
        border-radius: 8px;
        /* margin-right: 5px; */
        padding: 0;
        list-style-type: none;
    
}

.dropdown-Nav .dropdown-menu .dropdown-submenu .dropdown-submenulist>li a{
    width: 100%;
    padding: 10px 15px;
}
.dropdown-Nav .dropdown-menu .dropdown-submenu:hover>.dropdown-submenulist{
    display: block;

}
/* --- */
.subMenu li a:hover{
    background-color: var(--hover);
}
/***li.dropdown-Nav .subMenu li a{
    display:flex;
    justify-content:last space-between;
}****/
li.dropdown-Nav .subMenu li a span{
    display: block;
    line-height:25px;
}
li.dropdown-Nav .subMenu li a i{
    font-size:12px;
    margin-left:10px;
    transform: rotate(-90deg);
}
.subMenu li a:hover{
    background-color: var(--hover);
    color:var(--white) !important;
}
/* ---sub-nav-- */
.sub-nav-sec{
    background-color: #012F50;
    color: var(--white);  
}
.sub-nav-sec .sub-nav li{
    list-style: none;
    cursor: pointer;
}
.sub-nav-sec .sub-nav li::marker{
    content: " ";
}
.sub-nav-sec .sub-nav li:hover{
    background-color: var(--hover);
}
.sub-nav-sec .sub-nav li a{
    color: var(--white) !important;
    font-size: 14px;
    padding: 5px;
}
.sub-nav-person-icon,.sub-nav-placements-icon{
    width: 14px;
}
 .sub-nav-pdf-icon,
 .sub-nav-downloads-icon{
    width: 12px;
}
 .sub-nav-media-icon{
    width: 20px;
    height: 20px;
}
.insta, .facebook{
    width: 16px;
    height: 16px;
}
 .sub-nav-enquiry-icon
{
    width: 28px;
}

/*****Top-header-logoSec-small******/
.headerNav .mainNavBar-Sec-sm img{
    max-width:480px;
    height:auto;
}
.clg-codeSec-small {
    background-color: var(--primary-color);
}
.clg-codeSec-small .headerSec-clgCode-img-small  img{
    height:37px;
}
.clg-codeSec-small .headerSec-clgCode-small-Info h6{
   font-size:13px;
   color:var(--white-bg);
   font-weight:700;
}
.headerNav{
    background-color: var(--primary-color);
    box-shadow: 0px 3px 20px #00000029;
}
.small-devices-nav-sec{
    background-color: var(--primary-color);
}
.small-devices-nav-sec ul li a{
    color:var(--white);
    font-size:15px;
    line-height:17px;
    font-weight:500;
    padding:11px 0px;
}
.small-devices-nav-sec ul li:hover{
    background-color:var(--hover);
}
.small-devices-nav-sec ul li a:hover{
    color:var(--white);
}
.navbar-toggler{
    color:var(--primary-color) !important;
    border: var(--bs-border-width) solid var(--primary-color) !important;
}
/* a.dropdown-toggle.nav-link {
    padding-left: 25px !important;
} */
.mainNavBar-Sec-sm{
    background-color: var(--white-bg);
}
.mobile-header-sec .offcanvas{
    width: 80%;
}
.mobile-header-sec .offcanvas img{
    max-width: 180px;
}
.mobile-header-sec  .menu-btn{
    border: 3px solid red;
    width: 40px;
    height: 30px;
    border-radius: 5px;
}
.mobile-header-sec .navbar-toggler-icon{
    width: 20px;
    height: 20px;
}
.mobile-header-sec .offcanvas .btn-close{
    border: 3px solid var(--red);
}
.mobile-header-sec .offcanvas .offcanvas-body{
    background-color: var(--primary-color);
    padding: 0;
}
.mobile-header-sec .offcanvas .offcanvas-body .nav-link{
  color: var(--white);
  padding: 10px 20px;
}
.mobile-header-sec .offcanvas .offcanvas-body .dropdown-item{
    padding: 10px 20px;
 
}
/*******headlines*********/
.headlines .headerClr{
    background: linear-gradient(90deg, #003255,#003255,#003255, #FF5700, #FF5700, #FF000A) ;
}
.headlines{
    height:38px;
    background: linear-gradient(90deg,#FF5700, #FF5700, #FF000A);
}
.headlines .headlines-partOne{
    height:38px;
    background-color:#003255;
}
.headlines .headlines-partOne .headlines-heading p{
    color:var(--white);
    font-size:15px;
}
.headlines .headlines-partTwo .headlines-info p{
    color: var(--white);
    font-size:14px;
    padding-left:15px;
}

.headlines .headlines-partTwo{
    height:38px;
    background: linear-gradient(90deg, #FF5700, #FF000A);
}
.headlines .headlines-partTwo{
    overflow:hidden;
}
.headlines .headlines-partTwo .headlines-info{
    white-space: nowrap;
  animation: scroll-left 30s linear infinite;
}
.headlines-partTwo .headlines-info p span a{
    text-decoration: none;
    color:#fff;
}
hr.title-hr {
    width: 100%;
    height: 3px;
    border: 5px solid #f00;
    opacity: 1;
    margin-left: 15px;
    max-width: 200px;
}
@keyframes scroll-left {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
}
.headlines-partOne{
    position:relative;
}
.headlines-partOne::after{
    content:'';
    width:0;
    height:0;
    position:absolute;
    top:0px;
    left:100%;
    border-top:20px solid #003255;
    border-bottom:20px solid transparent;
    border-left:9px solid #003255;
    border-right:9px solid transparent;
    z-index: 2;
}
/******home-page-bannerImg-sec*******/
.main-banner-sec .home-hero-banner-img img{
   max-width:100%;
    height:auto;
}
/*********student-experience-card-sec***********/ 
/* -- */
.student-card-sec .card{
    margin: 5px;
}
.home-section-head{
    color:var(--primary-color);
    font-size:34px;
    font-weight:800;
    line-height: 50px
}
/* -- */

.student-card-sec .card .card-title{
    color:var(--primary-color);
    font-size:34px;
    font-weight:800;
    margin: 10px 0px;
    padding: 0px 6px;
    font-size: 26px;
    line-height: 36px;
    border-left: 10px solid red;
}

.student-card-sec  .heading-two{ 
    font-size:28px;
    line-height:50px;
    color:var(--primary-color);
}

.student-card-sec .card-body p{
    font-size:18px;
    color:var(--black);
}
/******card-bg-img**********/
.student-card-sec {
    position:relative;
}
.student-card-sec  .card-bg-img img{
    /* width:420px;
    position: absolute;
    top: -170px;
    left: 50px; */
    width: 420px;
    position: absolute;
    top: 0;
    right: 50px;
}

/******know-more-aboutUs-sec*******/
.know-more-aboutUs-sec{ 
    background-color: var(--primary-color); 
} 
.know-more-aboutUs-sec .aboutUs-bg-img{
   background-image: url(../imgs/behara-home-message-logo.png);
   background-position:center 55px;
   background-repeat: no-repeat;
   background-size: 63%;
}
.know-more-aboutUs-sec .aboutUs-content p{
    font-size:22px;
    font-weight:300;
    line-height:31px;
    color:var(--white-bg);
}
.know-more-aboutUs-sec span a{
    font-size:44px;
    font-weight:200;
    line-height:60px;
    text-decoration:none;
    color:var(--white-bg);
}
.know-more-aboutUs-sec .about-img-sec-two{
    border-top:1px solid  var(--white-bg);
    margin:0px 0px 0px 20px;
}
.know-more-aboutUs-sec .aboutUs-imgs-sec h5{
    font-size: 32px;
    font-weight:800;
    line-height:50px;
    color: var(--white-bg);
}
.know-more-aboutUs-sec .aboutUs-imgs-sec span{
    font-size:32px;
    line-height: 50px;
    color: var(--white-bg);
    vertical-align: middle;
}
.know-more-aboutUs-sec .aboutUs-imgs-sec p{
    font-size:20px;
    font-weight:300;
    line-height:50px;
    color: var(--white-bg);
}
.know-more-aboutUs-sec .aboutUs-content span img{
    margin-left:25px;
}
.know-more-txt a{
    font-weight:400;
}
/*********courses-offer-sec***********/
.offer-sec .courses-we-offers .courses-list{
    flex-wrap: wrap;
    gap:7px;
}
.offer-sec .courses-list .cse-course{
    background-image: url(../imgs/cse-image.png);
    background-repeat:no-repeat;
    background-size: contain;
    width: 217px;
    height: 322px;
}
.offer-sec .courses-list .ece-course{
    background-image: url(../imgs/ece-image.png);
    background-repeat:no-repeat;
    background-size: contain;
    width: 217px;
    height: 322px;
}
.offer-sec .courses-list .eee-course{
    background-image: url(../imgs/eee-image.png);
    background-repeat:no-repeat;
    background-size: contain;
    width: 217px;
    height: 322px;
}
.offer-sec .courses-list .mech-course{
    background-image: url(../imgs/mech-image.png);
    background-repeat:no-repeat;
    background-size: contain;
    width: 217px;
    height: 322px;
}
.offer-sec .courses-list .data-science-course{
    background-image: url(../imgs/ds-cse-image.png);
    background-repeat:no-repeat;
    background-size: contain;
    width: 217px;
    height: 322px;
}
.offer-sec .courses-list  .course-icon{
    width:95px;
    height:95px;
}
.offer-sec .courses-list .circle-forward-img a img{
    width:45px;
    height:45px;
    opacity: 0;
}
.hover-div{
    width: 217px;
    height: 322px;
}
.Info{
    position:relative;
    top:85px;
}
.offered:hover .hover-div{
    background-color: #ff000850;
    transition-duration:0.1s;
    transition-timing-function: ease;
    transition-delay: 0.4s;
    cursor: pointer;
}
.offered:hover .course-img{
    margin-top:-55px;
    transition-duration:0.9s;
    transition-timing-function: ease;
    transition-delay: 0.2s;
}
.offer-sec .offered:hover .circle-forward-img img {
    opacity:1;
    transition-duration:1s;
    transition-timing-function: ease;
    transition-delay: 0.3s;
    margin-top:20px;
}
.offer-sec .courses-list span{
    color:var(--white-bg);
    font-size:16px;
    line-height:22px;
}
.offer-sec .courses-sec-title h1{
    font-size:46px;
    line-height:70px;
    font-weight:800;
    color:var(--primary-color);
}
.courses-subHeader div::before{
    content:'';
    background-color:var(--primary-color);
    height:3px;
    width:35px;
    display:inline-block;
    margin:0px 5px 8px 0px;
}
.offer-sec .courses-sec-title .courses-subHeader span{
    color:var(--primary-color);
    font-size:32px;
    line-height:43px;
}
/****facilities-sec***********/
.facilities-sec{
    background-color:rgba(0, 0, 0, 0.1);
}
.facilities-sec .hideImg{
    display:none;
}

.facilities-sec .facilities-Info p{
    font-size:22px;
    line-height:32px;
    color:#676767;
    letter-spacing:0px;
}
.facilities-sec .facilities-Info .facilities-forward-img a img{
    height:55px;
    width:55px;
    margin-right:11px;
    color:var(--primary-color);
}
.facilities-sec .facilities-titles .title-list span {
    font-size:28px;
    line-height: 38px;
    color: var(--primary-color);
    display:block;
    margin-bottom: 15px;
    cursor: pointer;
}
.facilities-sec .facilities-titles .topic-imgs img{
    width: 171px;
    height:226px;
}
.facilities-sec .facilities-titles .title-list .title{
    font-size:22px;
    line-height:32px;
    font-weight:900;
    color:var(--primary-color);
    border-left:20px solid var(--red);
    padding:1px 8px;
}
/*.facilities-sec .facilities-titles .title-list .title{
    content:'';
    width: 20px;
    height:45px;
    background-color:var(--red);
    display: inline-block;
    margin:0px 7px;
    padding-top:10px;
}**/
.facilities-sec .defaultCls{
    font-size:34px;
    line-height:52px;
    font-weight:900;
    color:var(--primary-color);
    border-left:20px solid var(--red);
    padding:1px 8px;
}

/***.facilities-sec .defaultCls{
    content:'';
    width: 20px;
    height:45px;
    background-color:var(--red);
    display: inline-block;
    margin:0px 7px;
    padding-top:10px;
}***/
/*****placements-sec**********/

.placements-sec .placement-sec-bg-img{
    background-image: url(../imgs/placements-bg-image-colored.png);
    max-width:100%;
    height:620px;
    background-size: cover;
    background-position:38%;
    background-repeat: no-repeat;
}
.placements-sec p{
    font-size:70px;
    line-height:104px;
    letter-spacing:2.1px;
    color:var(--white-bg);
    text-shadow: 0px 3px 6px #00000029;
}
.placements-sec span{
    font-size:40px;
    line-height: 61px;
    font-weight:300;
    text-shadow: 0px 3px 6px #00000029;
    color:var(--white-bg);
}
.placements-sec .placement-part-two .student-Info h6{
    font-size:32px;
    font-weight:600;
    line-height:48px;
    letter-spacing:0.74px;
    color:var(--white-bg);  
    text-shadow: 0px 2px 2px #00000033;
} 
.placements-sec .placement-part-two .student-Info .studentInfo-qualification{
    font-size:20px;
    font-weight:300;
    line-height:30px;
    font-family: 'Poppins', sans-serif;
    letter-spacing:0.46px;
    color:var(--white-bg);
    text-shadow: 0px 2px 2px #00000033; 
}
.placements-sec .placement-part-two .student-Info .tcs-img{
    background: transparent linear-gradient(90deg, #FFFFFF08 0%, #FFFFFFBD 34%, #FFFFFF 49%, #FFFFFFE9 70%, #FFFFFF9C 84%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}  
.placements-sec .placement-part-two .student-Info h5{
    font-size:43px;
    line-height:68px;
    letter-spacing: 1.03px;
    font-family: 'Poppins', sans-serif;
    color:var(--white-bg); 
}
/*****placements-sec-small-devices********/
.placements-sec-small .placement-part-one-small{
    background-image: url(../imgs/placements-bg-image-colored.png);
    max-width:100%;
    height:475px;
    background-position:left;
    background-repeat: no-repeat;
}
.placement-part-two-small{
    background-image: url(../imgs/placements-bg-image-colored.png);
    max-width:100%;
    height:auto;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}
.placements-sec-small p{
    font-size:70px;
    line-height:104px;
    letter-spacing:2.1px;
    color:var(--white-bg);
    text-shadow: 0px 3px 6px #00000029;
}
.placements-sec-small span{
    font-size:40px;
    line-height: 61px;
    font-weight:300;
    text-shadow: 0px 3px 6px #00000029;
    color:var(--white-bg);
}
.placements-sec-small .placement-part-two-small .student-Info h6{
    font-size:32px;
    font-weight:600;
    line-height:48px;
    letter-spacing:0.74px;
    color:var(--white-bg);  
    text-shadow: 0px 2px 2px #00000033;
} 
.placements-sec-small .placement-part-two-small .student-Info .studentInfo-qualification{
    text-align: center;
    font-size:20px;
    font-weight:300;
    line-height:30px;
    font-family: 'Poppins', sans-serif;
    letter-spacing:0.46px;
    color:var(--white-bg);
    text-shadow: 0px 2px 2px #00000033; 
}
.placements-sec-small .placement-part-two-small .student-Info .tcs-img{
    background: transparent linear-gradient(90deg, #FFFFFF08 0%, #FFFFFFBD 34%, #FFFFFF 49%, #FFFFFFE9 70%, #FFFFFF9C 84%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}  
.placements-sec-small .placement-part-two-small .student-Info h5{
    font-size:43px;
    line-height:68px;
    letter-spacing: 1.03px;
    font-family: 'Poppins', sans-serif;
    color:var(--white-bg);
    text-shadow: 0px 3px 6px #00000029;
}
.placements-sec-small .placement-part-two-small .placement-img .student-Info .forward-indication-arrow .small-arrow img{
    width:150px ;
}
/*******recruitment-sec**********/
.recruitment-sec .recruitment-title h5{
    color:#777777;
    font-size:29px;
    line-height: 39px;
    letter-spacing: 0.67px;
}
.recruitment-sec .recruitment-companies .scroll-companies{
    overflow: hidden;
}
.recruitment-sec .recruitment-companies .scroll-companies .companyName {
    box-shadow: 0px 3px 6px #00000029;
    white-space: nowrap;
    margin-left: 20px;
    border:1px solid #ccc;
    animation: scroll-left 15s linear infinite;
    cursor: pointer;
}
.recruitment-sec .recruitment-companies .scroll-companies:hover .companyName {
    animation-play-state: paused;
}
@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}
/*****footer-sec-*******/
.footerSec{
    background-color:var(--primary-color);
}
.footerSec .contact-sec .footer-sec-logo img{
    max-width:208px;
    height:auto;
    mix-blend-mode: luminosity;
}
.footerSec .contact-sec .contact-Info h6{
    font-size:24px;
    line-height:43px;
    letter-spacing: 0.36px;
    color:var(--white-bg);

}
.footerSec .contact-sec .contact-Info .contact-txt a{
    text-decoration: none;
    color:var(--footer-para);
    font-size:16px;
    line-height: 27px;
    letter-spacing: 0.24px;
}
/***.footerSec .ragging-sec .anti-ragging-policy-icon{
    border-radius:50%;
    height:auto;
    max-width:208px;
    background-image: linear-gradient(rgba(44, 70, 139, 0.8),rgba(44, 70, 139, 0.8));
}***/
.footerSec .links-sec .anti-ragging-policy-info span{
    font-size:23px;
    line-height: 31px;
    letter-spacing: 0.36px;
    color:var(--white-bg);
}
.footerSec .links-sec .anti-ragging-policy-info p{
    color:var(--footer-para);
    font-size:16px;
    line-height: 20px;
    letter-spacing: 0.21px;
    text-align: justify;
}
.footerSec .links-sec .links-sec-two h5 a{
    font-size: 24px;
    line-height:31px;
    letter-spacing: 0.36px;
    color:var(--white-bg);
}
.footerSec .links-sec .links-sec-two a{
    color:var(--footer-para);
    font-size:16px;
    line-height:18px;
    text-decoration: none;
    display:block;
    padding-bottom :7px;
    letter-spacing: 0.21px;
}
.footerSec .social-media img{
    fill: var(--footer-para);
   height: 24px;
}
.footerSec .social-media a::after{
    content: " ";
    margin:0px 10px;
    height: 40px;
    color: transparent !important;
}
.footerSec .social-media a:last-child::after{
    content: " " !important;
}
/******footer-bottom-sec**********/
.footer-bottom-sec{
    background-color: var(--footer);
    color: var(--footer-para);
    font-size:16px;
    line-height:22px;
    letter-spacing: 0px;
}
.footer-bottom-sec .terms::after{
    content: "|";
    margin-left: 5px;

}
.footer-bottom-sec  p a{
  font-weight: 600;
  color: var(--footer-para);
  text-decoration: none;
  padding-left: 3px;
}

/* common styling for the pages*/
 /*section heading style */
 .message{
    background-image: url(../imgs/behara-clg-logo-message.png);
    background-position-x: center;
    background-position-y:80px;
    background-size: 24%;
    background-repeat: no-repeat;
 }
 .message p{
    letter-spacing: 1px;
 }

 .responsive-tab-wrapper .prod-tab-content ul{
    list-style: none;
    padding: 0;

 }
 .placements .responsive-tab-wrapper .prod-tab-content ul li{
    list-style: disc ;
    margin-left: 15px;
 }
 .resp-tabs-list  li,.side-menu-content ul li{
    cursor: pointer;
 }
 .prod-tab-content .section-list li{
    list-style: disc;
    margin-left: 15px;
 }
 .responsive-tab-wrapper a , .naac a, .prod-tab-content p a{
    text-decoration: none;
    color: var(--black);
 }
 .resp-tabs-container-item{
    height: auto !important;
 }
.paras-head {
    margin-bottom: 29px;
    position: relative;
    width: max-content;
    font-size: 24px;
    text-align: left !important;
}
.paras-head::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 40%;
    height: 4px;
    background: #d7050a;
}
.page-banner-head{
    line-height: 54px;
}
.about-behara,.message-info, .resp-tabs-container-item, .resp-tabs-container-item table td{
    text-align: justify;
}
.resp-tabs-container-item table td{
    font-size: 18px;
    text-align: left;
}
.resp-tabs-container-item table th{
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.courses-table table td{
    text-align: center;
}
.courses-table table td a{
    color: #1759a0!important;
    text-decoration: none;
}
.pdf-icon{
    width: 20px;
}
 .library-head{
    text-align: center;
    font-size: 26px;
 }
.side-menu-card{
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    border-width: 6px 0px 0px;
    border-color: rgb(0, 0, 0);
    border-style: solid;
    overflow: hidden;
    background-color:var(--primary-color);
    box-shadow: 0px 15px 10px 0px;
    /* padding:15px; */
    min-height: 0px;
    height: auto;
}
.side-menu-card .side-menu-content{
    color: var(--white);
    text-align: left;
}
.side-menu-card .side-menu-content .side-menu-head{
font-size: 24px;
margin: 10px 0px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;

}
.side-menu-card .side-menu-content .side-menu-head::before{
    content: " ";
    width: 20px;
    height: 10px;
    margin:5px;
    display: inline-block;
    background-size: 100% 2px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, transparent, #fff);
}
.side-menu-card .side-menu-content .side-menu-head::after{
    content: " ";
    width: 20px;
    height: 10px;
    margin:5px;
    display: inline-block;
    background-size: 100% 2px;
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(90deg, #fff, transparent);
}

.side-menu-card .side-menu-content ul{
    list-style: none;
    padding: 0;
}
.side-menu-card .side-menu-content ul li span{
    padding: 10px 15px;
    color: var(--white);
    display: block;
    border-bottom: 1px solid var(--white);
}
.side-menu-card .side-menu-content ul li:hover{
    background-color:var(--hover);
}

.side-menu-card .item.active {
    background-color: red;
    color: white;
}
.hidden {
    display: none;
}
.facilities-details table td{
    font-size: 18px;
}
.lib-software-info a,.lib-e-resources a{
    color: rgb(92,184,116);
}
.lib-e-resources .paras-head{
    width: auto;
}
.lib-e-resources .paras-head::after{
    width: 18%;
}
.lib-e-resources img{
    width: 300px;
}
.un-orderd li{
    list-style: disc !important;
}
.library-facilities li{
    list-style: none !important;
}

/******* About Page *******/
.hero-banner-img{
    background-image: url("../imgs/banner-image-with-colored-overlay.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding:100px 0px;
}
.about-banner-img{
    background-image: url("../imgs/about-us-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0px;
    /* padding:100px 0px;  */
}
.banner-heading p{
    color:#fff;
}
.hero-banner-img h2{
    color:var(--white);
    font-size:40px;
    font-weight: 800;
}

/******* Vission & Mission Page *******/ 
.info h3{
  color: var(--primary-color);
  font-weight:800;
}

/******* Chairman's Message Page*******/
.banner-content .chairman-info{
   color:var(--white);
}
.chairmans-message-info h2{
    color:var(--primary-color);
    font-weight:800;
}

/****** Grievance Form page *******/
.grievance-form-sec .form-content{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}
.grievance-form-sec .about-grievance-form h3{
    color: var(--primary-color);
  font-weight:700;
}
.grievance-form-sec .about-grievance-form label{
    color: var(--primary-color);
  font-weight:700;
  font-size:27px;
}
.grievance-form-sec .about-grievance-form label:after{
    content:"*";
    color:red;
    margin-left:5px;
}
.grievance-form-sec .about-grievance-form input,select{
   height:60px;
}
.grievance-form-sec .about-grievance-form button{
   width:150px;
   height:60px;
   background-color: var(--primary-color);
   color:white;
   float: right;
   margin-left: auto;
   font-size:25px;
}
.grievance-form-sec .form-content{
    width:70%;
    margin:0 auto;
}

/******* Grievance Redressal Cell *******/
.grievance-redressal-content h3{
    color:var(--primary-color);
    font-weight: 600;
}
.heading td{
    background-color: var(--primary-color);
    color:var(--white);
}
table td{
    text-align: center;
}

/******* Department Of CSE page *******/
.main-banner-sec .events p{
    color:var(--white);
    font-size:23px;
}
.department-profile-sec .vision-and-mission-content h4{
    color:var(--primary-color);
    font-weight: 600;
}

.department-profile-sec .vision-and-mission-content ul li,
#descriptions-container ul li{
   list-style-type: disc;
   margin-left: 15px;
}
.department-of-computer-science-and-engineering-content h4{
    color:var(--primary-color);
    font-weight:600;
}
.spl-common-section.sticky-top{
    top:200px;
}
/*******  Department Of CSE Faculty Page *******/
.resp-tabs-container-item h2{
    font-weight: 600;
}
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;
}
/* .responsive-tab-wrapper .common-side-links-section ul li, .item .nav-item{
    cursor: pointer;
} */
.responsive-tab-wrapper .common-side-links-section ul li.resp-tab-active a .fa-circle-arrow-right
 {
  color:#fff;
}

.resp-tab-active a,
.common-side-links-section ul li:hover a
{
   
    color: #fff !important;
}
.responsive-tab-wrapper .common-side-links-section ul li:hover{
    background-color: var(--footer);
}
.resp-tab-active {
    background-color: var(--hover) !important;
}
.responsive-tab-wrapper .common-side-links-section ul li{
    list-style: none;
    font-weight:600;
    font-size:14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.212);
}
.responsive-tab-wrapper .common-side-links-section ul li:last-child{
    border-bottom:none;
}
/* .responsive-tab-wrapper .common-side-links-section ul .department-profile{
    background-color: #D90000;
} */
.responsive-tab-wrapper .common-side-links-section ul li span{
    display: block;
    padding: 10px 20px;
    color:var(--white);
}
.responsive-tab-wrapper .common-side-links-section ul li:hover .fa-circle-arrow-right{
    color:var(--white);
}
.responsive-tab-wrapper .common-side-links-section ul li a .fa-circle-arrow-right{
    color:black;
}
.responsive-tab-wrapper .common-side-links-section ul{
    border:1px solid gray;
    padding-inline-start: 0;
    /* padding:20px; */
    background-color: var(--primary-color);
 
    border-radius:5px;
}
.resp-content-active,
.resp-accordion-active {
    display: block;
    
}
.faculty-content h3{
    color:var(--primary-color);
    font-weight:600;
}
.faculty-content .about-faculty{
    background-color: #FBFDFF;
    border:1px solid #E6EFF3;
}
.faculty-content .faculty-info h6{
    color:var(--primary-color);
    font-weight:700;
}
.faculty-section tr td{
    padding:0;
    text-align:left;
    padding:5px;
}
.faculty-section tr td p{
    margin: 0;
}
.faculty-section tr td h6{
    font-weight: 600;
}
.faculty-section .view-profile {
    background-color: var(--primary-color);
    padding: 13px;
}
.faculty-section .view-profile a,i.fa-solid.fa-circle-arrow-right{
    color:var(--white);
    text-decoration: none;
}
.engineering .exam-incharge .faculty-img,
.placements .faculty .faculty-img,
.faculty-details .faculty .faculty-img{
    width: fit-content !important;
}
.engineering .exam-incharge img,
.placements .faculty .top img,
.faculty-details .faculty img{
    height: 220px;
    width: 180px;
    object-fit: cover;
    object-position: 100% 0%;
    border-right: 1px solid black;
   
}
.engineering .exam-incharge .card-title,
.faculty-details .faculty .card-title,
.placements .faculty .card-title,
.about-iqac .iqac-incharge .incharge-title {
    font-size: 32px;
    margin-bottom: 30px;
}
.engineering .exam-incharge .card-body,
.placements .faculty .card-body,
.faculty-details .faculty .card-body{
    padding-left: 40px;
    text-align: left !important;
}
.engineering .exam-incharge .card-body p,
.faculty-details .faculty .card-body p,
.placements .faculty .card-body p,
.about-iqac .iqac-incharge .incharge-info{

 font-size: 18px;

 
}

/* events-page and event-sections */
.events-sec h2,
.gallary-sec h2{
    font-size: 48px;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #003D68;
}
.events-sec .card,
.gallary-sec .card{
    margin:10px 5px;
}
.events-sec .card .card-text
.gallary-sec .card .card-text{
    font-size: 16px;
    font-weight: medium;
    text-align: left;
    list-style: 22px;
    color: #404040;
}
/*******Contact Us Page*******/
.contact-us-info a{
    /* color:var(--primary-color); */
    color: #1759a0;
    text-decoration: none; 
}
.contact-us-info span{
    font-weight: 700;
}
.contact-us-info h3{
    color:var(--primary-color);
    font-weight: 700;
    font-size:35 px;
}
.contact-us-info table{
    width:75%;
    margin:0 auto;
}
.contact-us-info table td:nth-child(2){
    text-align: left;
    box-shadow: 0px 0px 1px var(--black);
}
.table-space tr{
    margin-bottom:20px;
}
td.heading{
    background-color: var(--primary-color);
    width:200px;
}
td.heading h6{
    font-size:20px;
    color:var(--white);
}
.faculty-name{
    background-color: var(--primary-color);
}
.faculty-info-sec{
    width:70%;
    margin:0 auto;
}
.faculty-info-sec .row{
    box-shadow:0px 0px 1px var(--black);
}
.faculty-info-sec h5{
    color:var(--white);
    font-size:17px;
    text-align:center;
}
.contact-table-sec{
    width:72%;
    margin:0 auto;
}
/* ****placements page */
.placements .career-img{
    border: 2px solid #e6e6e6;
    border-radius: 20px;
    box-shadow: 3px 3px 12px 0px rgb(0 0 0 / 10%);
    margin: 28px 0px;
}

/* iqac tabs */
.iqac-incharge .incharge-details{
    border:1px solid #000;
    
    
    
}
/* ***************************** */
/********media queries**********/
@media only screen and (max-width: 1399px) {
.footerSec .contact-sec .contact-Info .contact-txt a,
.footerSec .links-sec .anti-ragging-policy-info p,
.footerSec .links-sec .links-sec-two a,
.footer-bottom-sec{
    font-size:14px;
 }
 .sub-nav-sec .sub-nav li a{
     font-size:12px;
 }
}
@media only screen and (max-width: 1199px) {
/*.topHeader-Nav .top-header-logoSec img{*/
/*    max-width:600px;*/
/*    height:auto;*/
/* }*/
.clg-code img {
    width: 180px;
}

}
@media only screen and (min-width:992px) and (max-width:1199px){
  .mainNavBar-Sec .navbarSec-navItems ul li a {
    color: var(--white);
    font-size: 11px;
    line-height: 16px;
    font-weight: 500;
    padding: 11px 0px;
}
}
@media only screen and (max-width: 992px) {
    /* .college-code h3{*/
    /*    font-size: 24px;*/
    /*    font-weight: 700;*/
    /*    line-height: 26px;*/
    /*}*/
     .college-code-head,.college-code{
        padding: 15px;

        }
    .headerNav .mainNavBar-Sec-sm img {
        max-width: 560px;
        height: auto;
    }
    .offcanvas .offcanvas-header img{
        max-width:500px ;
    }
    .student-card-sec .card-bg-img img {
       width: 300px;
       top: 40px;
    }
    ul.resp-tabs-list {
        display: none;
    }
    h3.resp-accordion {
        display: block;
        padding-left: 15px;
        background-color: var(--primary-color);
        border: 3px solid #000;
        margin: 10px 0px;
        font-size:20px;
        color: var(--white);
        border-radius: 8px;
    }
    
    .resp-accordion-closed {
        display: none !important;
    }
    .prod-tab-content{
        padding: 10px;
    }
    h3.resp-accordion a{
        color:var(--white);
        text-decoration: none;
    }
    .resp-tabs-container-item   table tr{
        width: 200px !important;
    }
    .resp-tabs-container-item table th td{
        font-size: 14px !important;
    }
    .faculty-details .faculty .card-body p{
      
        font-size: 16px;
        
       }
       .mobile-header-sec .offcanvas .facebook{
        width: 11px;
    }
    .engineering .exam-incharge .card-body, 
    .placements .faculty .card-body, 
    .faculty-details .faculty .card-body{
        padding-left:10px;
    }
}
@media only screen and (max-width: 768px) {
    .headerNav .mainNavBar-Sec-sm img {
        max-width: 460px;
      
    }
    .offcanvas .offcanvas-header img{
        max-width:400px ;
    }
    .paras-head{
        width: auto;
    }
    .paras-head::after{
        width: 15%;
    }
    .student-card-sec .card-bg-img img {
        width: 250px;
        top: 120px;
        right: 10px;
    }
    
    
    
    .know-more-aboutUs-sec span a{
        font-size:24px !important;
    }
    .know-more-aboutUs-sec span img{
        max-width:30px !important;
    }
    .student-card-sec .card-body .card-body-headline span{
        font-size: 27px;
    }
    .know-more-aboutUs-sec .aboutUs-content p{
        font-size:19px !important;
    }
    .student-card-sec .card-bg-img img {
        width: 250px;
       top: 120px;
    }
    .know-more-aboutUs-sec .aboutUs-content p {
        font-size:17px;
    }
    .offer-sec .courses-sec-title .courses-subHeader span {
    font-size: 26px;
    line-height: 34px;
}
    .department-profile-sec .side-navs{
        font-size:14px;
    }
    .faculty-details .side-navs{
        font-size:14px;
    }
    .department-profile-sec .department-of-computer-science-and-engineering-content h4{
        font-size:16px;
    }
    .side-menu-card .side-menu-content ul li span{
        font-size: 20px;
    }
    .lib-e-resources img{
        width: 200px;
    }
    .faculty-details .faculty .card-title{
        font-size: 26px;
    
    }
    .faculty-details .faculty img{
        margin: 10px 150px;
    }
    .faculty-details .faculty .card-body{
        padding-left: 10px;
    
    }
    .faculty-details .faculty .card-body p{
     
     font-size: 16px;
     
    }
}
@media only screen and (max-width:576px){
    .headerNav .mainNavBar-Sec-sm img{
        max-width:380px;
        
    }
    .offcanvas .offcanvas-header img{
        max-width:300px ;
    }
    .college-code h3 {
    font-size: 44px;
}
.college-code-head h3 {
    margin-bottom: 0;
    font-size: 24px;
}
    
    .student-card-sec .card-bg-img img {
        /* width: 200px; */
        top: 80px;
        right: 0;
    }
    #descriptions-container{
        margin-top: 30px;
    }
    .facilities-details table{
        width: 300px !important;
    }
    .facilities-details table th ,
    .facilities-details table td {
        font-size: 14px !important;

    }
    .facilities-details table tr{
        width: 200px !important;
    }
    .faculty-details .faculty .card-title{
        font-size: 20px;
    
    }
    .faculty-details .faculty img{
        margin: 10px;
    }
    .faculty-details .faculty .card-body p{
     
     font-size: 14px;
     
    }
  
}
@media only screen and (max-width:480px){
    
    .college-code-head h3{
        font-size:16px;
    }
    /*    .college-code h3 {*/
    /*    font-size: 18px;*/
    /*    line-height: 20px;*/
    /*}*/


    .headerNav .mainNavBar-Sec-sm img{
        max-width:280px;
        
    }
    .offcanvas .offcanvas-header img{
        max-width:220px ;
    }
}