.container{
	max-width: 1440px;
}


.action-box{
	padding:30px 30px;
	position: relative;
    box-shadow: 0 16px 36px rgba(34,82,130,0.06);
    overflow: hidden;
    border-radius: 8px;
	margin-bottom:50px;
	min-height:420px;
	-webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
	 -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
        z-index: 2;
}

.pt-0{
	padding-top:0px !Important;
}

.action-box h3{
	font-size:21px;
	margin:15px 0;
	font-weight:bold;
    color: #000;
    font-family: "Barlow Semi Condensed", sans-serif;
    margin-top: 0;
}
.action-box p {
    color: #000;
}
.action-box img{
	width:auto;
	height:60px;
}
.library-list {
    padding-left: 0;
}
.action-box figcaption{
	background-color: #135796;
    position: absolute;
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	 -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.action-box:hover figcaption{
	-webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

[class^='imghvr-'], [class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  max-width: 100%;
  background-color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }
  [class^='imghvr-'] > img, [class*=' imghvr-'] > img {
    vertical-align: top;
    max-width: 100%; }
  [class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
    background-color: #e3b127;
    position: absolute;
    padding: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.90s ease;
  -moz-transition: all 0.90s ease;
  transition: all 0.90s ease; }

  [class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

/* imghvr-push-up
  ----------------------------- */
.imghvr-push-up figcaption {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); color:#fff;}
.imghvr-push-up:hover > img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

/* imghvr-push-down
  ----------------------------- */
.imghvr-push-down figcaption {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }
.imghvr-push-down:hover > img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

ul.icon-list,
ul.icon-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.icon-list {
  margin: 1em 0;
}

ul.icon-list li {
	margin: 0.5em;
    margin-left: 1.5em;
	/*line-height:1;*/
	line-height:1.2;
}

ul.icon-list li:before {
  content: '';
  width:10px;
  height:10px;
  background-color:#fff;
  float: left;
  margin-left: -1.5em;
  margin-top:3px;
  color: #fff;
}

.onio_btn {
    background-color: #fff;
    color: #e3b127;
    display: inline-block;
    font-size: 11px;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border: 2px solid transparent;
}

.onio_btn:hover {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
	text-decoration:none;
}

.sr-new-box-2{
	margin-top:140px;
}


/* =======================
Wavify Area
==============================*/
.wavify-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  
  .wavify-wrapper .wavify-item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  
  /* =======================
  Wavify Area
  ==============================*/
  .wavify-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  
  .wavify-wrapper .wavify-item {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  
  .animation-bg{
      background-color:#fff;
      position:relative;
      z-index:2;
  }
  .library-box {
    position: relative;
    background-image: url(../assets/home-img/library.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden; /* Ensures the overlay stays within bounds */
}
.diversity-box{
    background-image: url('../assets/home-img/diversity.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.classroom-box{
    background-image: url('../assets/home-img/VESIM-Classroom.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.Auditorium-box{
    background-image: url('../assets/home-img/Auditorium.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.yoga-box{
    background-image: url('../assets/home-img/hostel.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.computer-box{
    background-image: url('../assets/campus-img/computer-lab.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.cafeteria-box{
    background-image: url('../assets/home-img/Canteen.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.wifi-box{
    background-image: url('../assets/home-img/medical-room.jpg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.opacity-02{
    opacity: 0.2;
}
.wave-shape-bg{
  bottom: auto !important;
  top: -70px !important; 
}
.bg-gray{
  background-color: #F2EFEB !important;
}
section.extra-big-section{
  padding-bottom: 140px !important;
}
.snc-text{
 text-align: center;
  color: #000;
  font-weight: 600;
}
@media (max-width: 480px){
  .sr-new-box-2{
    margin-top: 0px;
  }
  .wave-shape-bg {
    top: -33px !important;
}
section.extra-big-section {
  padding-bottom: 70px !important;
}
.mbl-mb-40{
  margin-bottom: 30px !important;
}
}