/** banner CSS starts**/
@-webkit-keyframes scroll {
    0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }
    100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
    }
    }
    @keyframes scroll {
    0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }
    100% {
    -webkit-transform: translateX(calc(-250px * 7));
    /* transform: translateX(calc(-250px * 7)); */
    transform: translateX(-270%);
    }
    }
    .sliderr {
    background: pr;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
    height: 500px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: auto;
    }
    .sliderr::before, .sliderr::after {
    /* background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); */
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
    }
    .sliderr::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    }
    .sliderr::before {
    left: 0;
    top: 0;
    }
    .sliderr .slidee-track {
    -webkit-animation: scroll 20s linear infinite;
    animation: scroll 50s linear infinite;
    display: flex;
    width: calc(200px * 14);
    height: auto;
    /* width: auto; */
    }
    .sliderr .slidee {
        height: 400px;
        width: 100%;
        padding-right: 15px;
    }
/** banner CSS ends**/
/** Header CSS starts**/
.over-container{display:flex;flex-direction:row;justify-content: space-between;}
.top_bar_contact_item{
    font-size:14px;
}
.ttm-header-style-01 #site-header-menu .site-navigation ul.menu>li>a{
    font-size:16px;
}
.top_bar_content a{font-size:16px;}
.over-container .row1{padding:0px 0px 0px 15px}
.over-container .row2{background: orange;padding: 0px 15px 0px 15px;}
.over-container .row2 i{color: #0b2d62;}
.over-container .row2 a{color: #0b2d62;}
.techno_nav_manu{margin-bottom: 0px;z-index: -1;position: relative;transition: all 0.5s ease 0s;}
.techno_nav_manu.container{max-width: 1500px;}
table.tablee{margin-top: 10px;}
td.table-data{text-align: center;}
span.span1{color: darkblue;   font-size: 30px;font-family:sans-serif; line-height: 1.5; font-weight: bold;text-align: center; }
span.span2{color: darkblue;font-family:sans-serif; font-size: 20px; text-align: center; font-weight: bold;}
span.span3{color: darkblue; font-size: 31px;font-weight: bold; font-family:sans-serif; line-height: 1.5; text-align: center;}
.para1{text-align: center; color: /*#FFC022; #FF0000*/ #800000;line-height: 1.4; font-size:20px; font-weight:bold;}
.site-header-menu{height: 60px;background: #132c61;}
.notification .list{display:flex;padding:15px}
.notification .list li a{color:white}
.notification .list li {list-style:none;padding:0px 0px 0px 30px}
.notification .list li a:hover{color:yellow}
.site-branding {
    display:block;
    padding: 20px 0px;
    max-width:20%;
  }
  @media (min-width:1000px) {
    .site-branding {
        display:none;
        padding: 20px 0px 10px 25px;
      }
      .mob-title {
        display:none;
      }

  }
  @media screen and (max-width:1024px) {
    span.span3 {
        font-size:25px;
    }
    .nav.main-menu ul.menu > li{
      margin: -8px -8px 0px 0px !important;
    }
  }

  @media screen and (max-width:800px) {
    header .container {
        background:#e6e7e700;
        border-radius: 0px 0px 22px 15px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    }
  }


.site-branding.home-link{display: flex;flex-direction: row;}
img#logo-img{width: 120px; height: 60px; }
.name{display: flex; flex-direction: column;}
.name b{font-size: 14px;margin: 15px 0px 0px -5px;color: #00067f;}
.name span{color: black;font-size: 11px;margin: -8px 0px 0px 40px;}
a.mega-menu-link{color:black}
.extra {
    display:none;
    /* padding: 10px 25px 0px 5px; */
  }

  @media screen and (max-width:800px) {
    .extra {
      display:block;
    }
    .extra.main-menu-item{padding:2px 8px 2px 0px;}
  }

.extra.mega-menu-item{padding:0px 0px 20px 0px}
.extra a.mega-menu-link{margin: 0px 0px 0px 16px;font-size: 16px;font-weight: bold;color: #0c2d62;}
div#site-header-menu{background:white;height:50px;}



/********** header CSS end ***********/



/********** Index CSS Starts***********/
.featured-imagebox.featured-imagebox-post.style1{height:500px;}
.col-sm-12 p{font-family:sans-serif;font-size:18px;color:black;text-align:justify;padding:0px 5px 0px 0px}
.content-tab.padding_top30.padding_bottom30 {height:500px;}
.featured-imagebox.featured-imagebox-post.style1 {height:500px}
.featured-imagebox.title-header{height:55px}
.title-header h4{font-size:26px;color:#283f6e;}
.scroll{background: linear-gradient(88deg,#a4b6d4,#a7a9c854);}
.col-sm-12 p{ font-family: sans-serif;font-size: 18px;color: black;text-align: justify;padding: 0px 5px 0px 0px;}
.row1 .col-lg-4 img{width:100px;height:70px;}
.small-container{background: linear-gradient(88deg,#a4b6d4,#a7a9c854);}
.scroll a{color:#132c61}
.scroll p{font-family: sans-serif;}
.column{height:500px}
.column a{display: flex;padding: 10px 0px 10px 10px;}
.col-lg-8 p{color:#132c61}
.scroll2{background: linear-gradient(45deg,#d5b6cf,transparent);}
.scroll2 marquee{padding:0px 10px 0px 10px}
.scroll2 a{color:#132c61;
    font-family:sans-serif;font-size:18px;}
.scroll2 li{margin:0px 0px 15px 0px;}






/************* Dept Home CSS Starts *************/
.col-lg-4.widget-area.sidebar-left{
  /* margin: 0px 0px 0px -50px; */
  margin: 25px 0px 0px 0px;
  background-color: orange;
  max-width:25%;
  border-radius:20px 20px 0px 0px ;
  padding: 0px 20px 15px 5px;
  box-shadow: rgb(0 0 0 / 25%) 0px 54px 20px, rgb(0 0 0 / 12%) 0px -12px 30px 14px, rgb(0 0 0 / 12%) 0px 4px 6px 0px, rgb(0 0 0 / 17%) 0px 12px 0px 0px, rgb(0 0 0 / 9%) 0px -3px 5px 0px;


}
.dept{
    padding: 15px 0px 12px 48px;
    background-color: #132c61;
    margin: 10px -15px 0px 2px;
    border-radius: 15px 15px;
    color: #fda71f;
    font-weight: 900;
    font-size: 18px;
   
}
.ttm-service-single-content-area{width:950px}
.title-desc p{text-align: justify;color:black;font-size:16px;}
.section-title{margin-top:60px;}
.section-title h3{color:#132c61;padding-bottom: 12px;}
.featured-title h5,h3{font-weight:bold}
.featured-title a{font-weight:bold}
.title-desc li{text-align: justify;font-size: 16px; color:black;}
.counter{display: flex; justify-content: space-evenly;flex-wrap: wrap;padding: 25px 20px 25px 20px;
    border-style: solid;
    border-color: #ffa801;
    border-width: 6px;
    border-radius: 20px;
    margin: 0px 52px 0px 52px;}
.ttm-fid-contents{display: flex; flex-direction: column;align-items: center;}
.counter i{font-size: 50px; color: #0b2d62;}
.counter h4{color: #ffa801;margin: 10px 0px 0px 0px;font-weight:bold;font-size:30px}
#dept-prog{padding:0px 0px 0px 25px}

@media screen and (max-width:800px){
  .ttm-page-title-row.ttm-bg.ttm-bgimage-yes.ttm-bgcolor-dark.clearfix{margin-top:60px !important;}
  .row.layout{flex-direction: column !important;align-items: center !important;}
  .col-lg-4.widget-area.sidebar-left{max-width:80%;margin:0px;}

}


/*********** Faculty Starts ******************/

.ttm-row.service2-section.clearfix{width:70%;}
.title-header{margin-top:-80px;}
.title-header h2{font-weight:bold;}
.grid1{display: flex;
  width: 700px;
  background: rgb(241 238 235 / 10%);
  margin: 30px auto;
  padding: 10px 20px;
  border-left: 5px solid rgba(253 167 31);
  align-items: center;
  min-height: 150px;
  /* box-shadow: 5px 3px 4px 1px #cfc6c6; */
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  border-radius: 0px 15px 15px 0px;}
.grid2 img{border-radius:50%; height:130px; width:130px;}
.grid3{padding:0px 0px 0px 70px;  margin: -25px 0px 0px 0px}
.grid3 h2{font-weight:bold;font-size:26px;}
.grid3 h5{font-size:16px;}
.grid3 p{margin:-5px 0px 0px 0px; color:black;}
.grid3 h5{margin:-25px 0px 0px 0px; color:orange; font-style:italic}
.grid3 a{padding:0px 0px 0px 380px; font-size:12px; font-family:sans-serif; color:#2222ca}
.syllabus .table1 td {
    border:3px solid black;
    color:black;
  }
  .syllabus .table1 th {
      border:3px solid black;
      
    }
    .syllabus .table2 th {
      border:3px solid black;
      
    }  
  .syllabus .table2 td {
      border:3px solid black;
      color:black;
    }

    @media screen and (max-width:500px){
      .grid1{width:90%;flex-direction:column}
      .grid3{margin:auto;text-align:center;padding:0px;}
      .grid3 a{padding:0px;}
      .grid3 p{text-align:center !important;}
      .grid3 h2{font-size:18px !important;}
    }
    @media screen and (max-width:1024px){
      .grid1{max-width:600px !important;}
      
    }

.section-title.title-style-center_text{margin-top:100px;}
.table1 td,th {
  border:3px solid black;
  color:black;
}
.table2 td,th{
    border: 3px solid black;
    color:black;
}
.academy .table1 td {
  border:3px solid black;
  color:black;
}
.academy .table1 th {
    border:3px solid black;
    color:#20375e;
  }

/****************** Infra Page Starts **************/
/* .ttm-row.service2-section.clearfix{width: 950px;margin: -1140px 0px 0px 251px;} */
.ttm-row.service2-section.clearfix{margin-top:-130px;}
img.example{height:250px;width:500px;}
button.view-more{background: none;
  border: 2px solid #243a62;
  color: #125150;
  border-radius: 20px;
  font-weight: bold;}
button.view-more:hover{background:#dbe9e8}
button i{margin-left: 5px;}

.container p{color:black;text-align:justify;}
.container li{color:black;}

/************** activities page *************/
#activity{height:430px;}
td a{color:blue}

/*************** achivements Starts ***********/

.tabs{margin: 0px 0px -15px 50px}
#achive{padding: 50px 0px 0px 70px}
#vs{margin-left:50px;}
#staff-li{padding:0px 30px 0px 0px;margin:0px 0px 0px -30px;}
#staff-box{width:250px;}
#staff-box img.img-fluid{width:230px;height:250px;}
.featured-imagebox-team.style1 .team-position{text-align:center;}

.table1 td, th{ border:3px solid black;
  color:black;
   padding:15px 15px;
 
}
.table1 td:first-child{text-align:center;}

.iqac-container.clearfix{display: flex;padding: 0px 30px;padding-bottom: 50px;padding-top:60px;}

@media screen and (max-width:800px){
  .iqac-container.clearfix{display: flex;flex-direction: column-reverse !important;align-items: center;}
  h4 {font-size:24px;}
  .iqac-head{padding:0px 6px;}
  .col-lg-9.iqac-row1{width:110%}
  .col-lg-3.right-bar{width:85%;}
}
.iqac-head{
  /* background: rgb(6,3,73);
  background: linear-gradient(90deg, rgba(6,3,73,1) 0%, rgba(6,22,136,1) 100%, rgba(12,32,170,1) 100%, rgba(6,3,73,1) 100%); */
  /* border-radius: 23px 23px 0px 0px; */
  border-bottom: 2px solid #a4a4a5;
  height: fit-content;
  padding-bottom: 2px;}
.iqac-head h4{text-align: center;
  color: #091253;
  padding-top: 10px;
}
.iqac-row1{

  
  /* border-radius: 25px; */
  padding-bottom: 50px;
  box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px 2px, rgb(0 0 0 / 30%) 0px 30px 60px 5px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
  border-radius: 17px;
  /* margin-top: 0px; */
  padding-top: 12px;
}
.iqac-row1-content h4{text-align: center;
  color: brown;
  padding-bottom: 10px;
  padding-top:10px;}
.iqac-row1-content p{color:black;font-size:16px;text-align: justify;}
.iqac-row1-content{padding: 0px 20px 20px 20px;}
.widget.widget-nav-menu ul li{list-style:none;}
details summary{color:blue}
details div{padding-left:30px;color:black;}
summary.iqac-summary{padding-left:30px}

/* .widget.widget-nav-menu 
{
  box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px 2px, rgb(0 0 0 / 30%) 0px 30px 60px 5px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset !important;
} */


.iqac-activitiies{padding:20px;}

@media screen and (max-width:800px){
  .col-lg-3.right-bar.campus{display:none;}
  .students-right-menu{display:none;}
}