@import url('https://fonts.googleapis.com/css?family=Montserrat');


body {
  font-family: 'Montserrat', sans-serif;
  /* background-color: #F4F4F4; */
}

/* header start */
nav{ background-color: none;z-index:30; position:absolute; top:0;}
nav img{ width: 150px;}
a.nav-link {color:white; font-weight: bold; }
a.nav-link:hover {color:yellow;}
@media (max-width: 992px) {.navbar-collapse {position: fixed;top: 0px; left: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; width: 45%; height: 100%;}
.navbar-collapse.collapsing {left: -75%; transition: height 0s ease; }
.navbar-collapse.show {left: 0; transition: left 300ms ease-in-out;}
.navbar-toggler.collapsed ~ .navbar-collapse {transition: left 500ms ease-in-out; }
#navbarCollapse{background-color: #313c4e;}
.navbar ul{ padding-top:50px; }
.navbar-toggler{border:none; }}
@media (max-width: 457px) {.navbar-collapse { width: 69%; }}
nav .active a{color:yellow;}
nav .active .dropdown-content a{color:rgb(7, 7, 2);}
nav .active .dropdown-content a:hover{color:rgb(255, 255, 255);}
#logo-img:hover {content: url('images/logo3.png'); }
.dropdown-content { display: none; position: absolute; background-color: rgba(255, 255, 255, 0.6);  min-width: 110px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a {color: black;padding: 8px 16px; text-decoration: none; display: block; }
.dropdown-content a:hover { background-color: rgb(47, 42, 112);  color:white;}
.dropdown:hover .dropdown-content {display: block;}
@media(max-width:992px){ .nav-item:nth-child(2):hover{padding-bottom: 80px;}
.nav-item:nth-child(3):hover{padding-bottom: 80px; }
.nav-item:nth-child(4):hover{padding-bottom: 160px;}
.nav-item:nth-child(6):hover{padding-bottom: 80px;} }
  /*header end */ 










/* --------------------------------section1-------------------------- */
.section1{ width:100%;}
.section1 h1{
  height: 290px;
  padding-top: 150px;
  margin-top:0;
  color: white;
  font-weight: bold;
  padding-left:10%;
}
.section1 .text-container{
  background-image: url('images/bg3.jpg');
  /* height:40%; */
    /* z-index: -100; */
    width:100%;
    /* height:75%; */
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
  
    z-index:-1;
}
/* --------navbar2------ */
.navbar2 {
  width: 70%;
  background-color: rgb(0, 0, 0);
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top:130px;
}

/* Navigation links */
.navbar2 a {
  float: left;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
  width: 25%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
}

/* Add a background color on mouse-over */
.navbar2 a:hover {
  background-color: #212121
}

/* Style the current/active link */
.navbar2 a.active {
  background-color: #424242;
}
@media screen and (max-width: 929px) {
  .navbar2{
    width:85%;
  }
}
@media screen and (max-width: 769px) {
  .navbar2{
    width:90%;
    top:135px;
  }
  .navbar2 a {
    font-size: 15px;
}
}
@media screen and (max-width: 656px) {
  .navbar2{
    width:90%;
    top:138px;
  }
  .navbar2 a {
    font-size: 13px;
}
}
@media screen and (max-width: 586px) {
  .navbar2{
    
    top:122px;
 
  }
  .navbar2 a {
    font-size: 13px;
    height:60px;
}
}
/* Add responsiveness - on screens less than 500px, make the navigation links appear on top of each other, instead of next to each other */
@media screen and (max-width: 500px) {
  .navbar2{
    width:90%;
    position: relative;
    top:132px;
    /* padding: 10px 0; */
  }
  .navbar2 a {
    float: center;
    /* height:80px; */
    /* display: block; */
    width: 25%;
    font-size:12px;
    height: 50px;;
    padding-right:8px;
    padding-left:8px;
    /* padding-top:20px; */
    text-align: center; /* If you want the text to be left-aligned on small screens */
  }
}
/*  -----------navbar3---- */
.navbar3{
position:relative;
top:130px;

}
.navbar3 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
  /* padding-left: 210px; */

}

.navbar3 li {
  float: left;
}

.navbar3 li a {
  display: block;
  color: rgb(0, 0, 0);
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.navbar3 li a:hover:not(.active) {
  background-color: #ddd;
}


/* ----------------------------section1 end--------------------------- */




/* footer start */
.f-section1{background-color: #252E3E;}
.f-section1 img{padding-left:100px;}
@media(max-width:545px){.f-section1 img{padding-left:10px;}}
/* section2 */
h5{ color:white;}
footer { width:100%; background-color:#313c4e; min-height:250px; }
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }
.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {list-style-type:none; padding:0px; display:table; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto;}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}
@media(max-width:454px){.foote_bottom_ul_amrc li a { margin:0 5px;}}
@media(max-width:370px){.foote_bottom_ul_amrc li a { font-size:12px;}}
.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none; padding-left:0; }
.social_footer_ul li { padding-left:10px;padding-right:10px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}
.f-section3{ background-color: #252E3E; color:white; padding: 20px 0;} /* section3 */
/* footer end */




/* srm in focus start  */
#section2{
  position:relative;
  bottom:50px;
}

.srmfocus{
  background-color: #34495e; 
  color: #eee;
  margin-top: 250px;
}

.srmfocus h1{
  text-align: center;
}

.srmfocusleft{
  padding: 40px; 
  margin: 2rem auto; 
  font-size: 18px; 
  margin-top: 0;
}

.srmfocusright{
  width: 90%;
  max-width: 1000px;
  margin: 2rem auto;
  padding: 20px;
  margin-top: 0;
}


.srmfocusright-item {
  background-color: #fff;
  color: #111;
  margin: 0.5rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
.srmfocusright-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.srmfocusright-item-header::after {
  content: "\002B";
  font-size: 2rem;
  position: absolute;
  right: 1rem;
}
.srmfocusright-item-header.active::after {
  content: "\2212";
}
.srmfocusright-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.srmfocusright-item-body-content {
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

@media(max-width:767px) {
  html {
    font-size: 14px;
  }
}

/* srm in focus end  */

/* fact page start  */
#missionvision{
  position: relative;
  bottom:25px;
}

.fact{
  display: flex; justify-content: center; padding: 3rem; background: #94ebcd; color: #2C2C2C; margin-top: 20px;
}

.tabs {
    max-width: 60rem;
    display: flex;
  }
  .tabs > ul {
    list-style-type: none;
    padding: 0;
  }
  .tabs > ul li {
    display: block;
    text-align: center;
  }
  .tabs > ul li a {
    display: block;
    text-decoration: none;
    background: #11111A;
    padding: 1rem 1.5rem;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.2s ease-in-out;
  }
  .tabs > ul li a.active {
    background: #fff;
    color: #2C2C2C;
  }
  .tabs > ul li a:hover:not(.active) {
    color: #fff;
  }
  .tabs section {
    background: #fff;
    padding: 1.5rem 2.5rem;
    display: none;
  }
  .tabs section.active {
    display: block;
  }



  /* history css start */
  .history {
    font: normal 16px/1.5 "Open Sans", sans-serif;
    color: #fff;
    overflow-x: hidden;
    padding-bottom: 50px;
  }

  .timeline ul {
    background: #eee;
    padding: 50px 0;
  }

  .timeline p{
    color: black;
  }

  .timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    margin: 0 auto;
    padding-top: 50px;
    background: #C5CAE9;
  }

  .timeline ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: inherit;
  }

  .timeline ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
    padding: 15px;
    background: white;
  }

  .timeline ul li div::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
  }

  .timeline ul li:nth-child(odd) div {
    left: 45px;
  }

  .timeline ul li:nth-child(odd) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #3F51B5 transparent transparent;
  }

  .timeline ul li:nth-child(even) div {
    left: -439px;
  }

  .timeline ul li:nth-child(even) div::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #3F51B5;
  }

  time {
    font-size: 1.2rem;
    font-weight: bold;
    background: #FF4081;
    margin-bottom: 8px;
    border-radius: 10px;
    border: .05px solid #E86361;
    padding: 5px;
  }


  .timeline ul li::after {
    transition: background .5s ease-in-out;
  }

  .timeline ul li.in-view::after {
    background: #3F51B5;
  }

  .timeline ul li div {
    visibility: hidden;
    opacity: 0;
    transition: all .5s ease-in-out;
  }

  .timeline ul li:nth-child(odd) div {
    transform: translate3d(200px, 0, 0);
  }

  .timeline ul li:nth-child(even) div {
    transform: translate3d(-200px, 0, 0);
  }

  .timeline ul li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
    border: 1px solid white;
    border-radius: 15px;
  }

  @media screen and (max-width: 900px) {
    .timeline ul li div {
      width: 250px;
    }

    .timeline ul li:nth-child(even) div {
      left: -289px;
    }
  }

  @media screen and (max-width: 600px) {
    .timeline ul li {
      margin-left: 20px;
    }

    .timeline ul li div {
      width: calc(100vw - 91px);
    }

    .timeline ul li:nth-child(even) div {
      left: 45px;
    }

    .timeline ul li:nth-child(even) div::before {
      left: -15px;
      border-width: 8px 16px 8px 0;
      border-color: transparent #3F51B5 transparent transparent;
    }
  }

  /* history css end  */
  /* campuses-------------- */
#campuses{
  padding:20px 0;
  padding-bottom: 40px;
}
#campuses li{
  font-size: 20px;
  color:rgb(29, 29, 92);
  font-weight: bold;
  list-style: none;
}
#campuses h1{
  font-size: 30px;
  font-weight: bold;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  text-align: center;
}
  /* campuses end-------- */