.admission-helpline-slide h2,
.slide_brose-school h2 {
    font-size: 1.2rem;
    font-family: 'Roboto Slab', serif;
    font-weight: 400
}

.footer-contact ul li a,
.slide_brose-school ul li a,
body {
    font-size: 1rem
}

.humburger-slide ul ul li a,
a,
body,
h1 {
    font-family: Roboto, sans-serif
}

* {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none !important;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

a:hover {
    color: #a80f18
}

.apply-now a:hover,
.carer_wrappper,
.ece-about-university .home-about2,
.ece-placement-at .owl-carousel.placement-logo,
.media-cover-detail,
body {
    background: #fff
}

.full-search-panel .wrapper,
.search-data {
    z-index: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.full-search-panel .wrapper {
    position: fixed;
    height: 0;
    width: 0;
    border-radius: 100%;
    background: linear-gradient(-135deg, #febe10, #f57f26);
    -webkit-transition: .4s linear;
    transition: .4s linear;
    z-index: 999
}

.full-search-panel .wrapper.active_bg {
    height: 4000px;
    width: 4000px;
    z-index: 99999 !important
}

#accordian ul ul,
.courselist-menu a.close-btn,
.courses-tab .nav-tabs,
.courses-tab .nav-tabs .nav-item:last-child .nav-link:after,
.footer-mobile-menu,
.full-search-panel .closesearch,
.full-search-panel .search-data,
.full-search-panel .search-data label,
.full-search-panel .search-data span,
.humburger-slide .other-link-detail ul:after,
.mobile-notice-panel,
.mobile-services,
.sideMenu .humburger-slide,
.sideMenu.show .humburger-slide.mobile-menu,
body.add1 .mobile-notice-panel,
body.add1 .mobile-services,
section.course-list-section h1,
section.inner-head-panel .path-3 {
    display: none
}

.down-link ul li,
.follow-us ul li,
.img-pan1,
.office-hours,
li.ad-enquiry a,
li.apply a,
li.d-app a {
    display: inline-block
}

.full-search-panel .search-data {
    position: absolute;
    height: 50px;
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.full-search-panel .search-data input {
    height: 100%;
    width: 100%;
    background: 0 0;
    border: none;
    outline: 0;
    font-size: 22px;
    font-weight: 500;
    color: #fff
}

.add2 .pro-grm a,
.add3 .add-miss a,
.add4 .life-reva a,
.menu-group-panel {
    background: #383b44
}

.img-pan1,
.img-pan2 {
    border-radius: 50%;
    vertical-align: top
}

.full-search-panel .search-data .line {
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .4s linear .3s;
    transition: transform .4s linear .3s;
    transition: transform .4s linear .3s, -webkit-transform .4s linear .3s;
    display: none
}

#accordian li.active>ul,
.contact-reva .office-hours ul li a,
.full-search-panel .wrapper.active_bg .search-data .line,
.sideMenu.show .humburger-slide,
.sideMenu.show .humburger-slide.desktop-menu,
.sideMenu.show .humburger-slide.mobile-menu ul li a {
    display: block
}

.full-search-panel .search-data .line.active {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.full-search-panel .search-data label {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    color: rgba(255, 255, 255, .7)
}

.full-search-panel .search-data input:valid~label {
    opacity: 0
}

.full-search-panel .search-data span {
    color: #fff;
    position: absolute;
    width: 50px;
    font-size: 25px;
    right: 0;
    top: 0;
    line-height: 45px;
    cursor: pointer
}

.full-search-panel .closesearch {
    position: absolute;
    z-index: 9999;
    right: 25px;
    top: 25px;
    font-size: 25px;
    color: #fff;
    cursor: pointer
}

#accordian,
.happing-block1-detail,
.life_academic_box.inner-life-reva-panel3-right .socail-out ul li,
.menu-logo2 img,
.tour_link img,
section.inner-head-panel .path-3 img {
    width: 100%
}

#accordian ul ul ul {
    margin-left: 15px;
    border-left: 1px dotted rgba(0, 0, 0, .5)
}

#accordian a:not(:only-child):after {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 22px
}

#accordian .active>a:not(:only-child):after {
    content: "\f107"
}

.menu-level ul li a:hover {
    color: #fcbe12
}

.contact-reva a:hover,
.courselist-menu ul li a:hover,
.down-link ul li a:hover,
li.apply a {
    color: #000
}

.menu-group-panel {
    position: fixed;
    top: 0;
    z-index: 9999;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: transform .55s cubic-bezier(.785, .135, .15, .86), -webkit-transform .55s cubic-bezier(.785, .135, .15, .86)
}

.sideMenu1,
.sideMenu2,
.sideMenu3 {
    background: #383b43;
    height: 100vh;
    max-width: 350px;
    padding: 30px 15px 60px;
    overflow-y: auto;
    overflow-x: hidden
}

section.home-panel1.fixed .menu-group-panel {
    top: -16px;
    -webkit-transition: .2s;
    transition: .2s
}

.add2 .menu-group-panel,
.add3 .menu-group-panel,
.add4 .menu-group-panel {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    right: 0
}

.sideMenu1 {
    position: static;
    z-index: 9999;
    top: 0;
    right: 0;
    width: 350px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .55s cubic-bezier(.785, .135, .15, .86);
    transition: transform .55s cubic-bezier(.785, .135, .15, .86), -webkit-transform .55s cubic-bezier(.785, .135, .15, .86)
}

.add-miss,
.menu-logo2,
.pro-grm {
    position: absolute
}

.sideMenu1.show,
.sideMenu2.show,
.sideMenu3.show {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.slide_brose-school h2 {
    color: #009ad9;
    margin: 20px 30px;
    border-top: 1px solid #ffffff2b;
    padding: 20px 0 0
}

.menu-logo2 {
    bottom: -100px;
    width: 100%;
    right: -200px;
    z-index: -1
}

.add2 .pro-grm a:after,
.add3 .add-miss a:after,
.add4 .life-reva a:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pro-grm {
    top: 88px
}

.add-miss {
    top: 92px
}

.sideMenu2,
.sideMenu3 {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    width: 350px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .55s cubic-bezier(.785, .135, .15, .86);
    transition: transform .55s cubic-bezier(.785, .135, .15, .86), -webkit-transform .55s cubic-bezier(.785, .135, .15, .86)
}

.admission-helpline-slide,
.life-reva-menu {
    padding: 0 20px
}

.admission-helpline-slide h2 {
    color: #fff;
    border-bottom: 1px solid #ffffff3b;
    padding-bottom: 20px
}

.sideMenu2 .footer-contact ul li a {
    padding: 5px 0
}

.admission-link ul li a,
.life-reva-menu ul li a {
    padding: 4px 0;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    display: block;
    font-weight: 300
}

.add-miss a,
.banner-content h1,
.banner-content p,
.ece-tie-up h3,
.footer-panel h1,
.home-submit input.form-control,
.humburger-slide .other-link-detail ul li a,
.humburger-slide ul li a,
.life-reva a,
.pro-grm a,
.study-with-content1 h2,
.teaching-fac h2,
.teaching-fac p {
    font-family: 'Roboto Slab', serif
}

li.apply a {
    padding: 5px 30px 5px 20px;
    background: #febe10;
    font-size: 1rem;
    position: relative
}

li.ad-enquiry a,
li.d-app a {
    padding: 5px 20px;
    font-size: 1rem
}

.bs-school-boxes p,
.home-crs-panel ul li a,
.menu-level li a,
.placement-box1 h5 {
    font-size: 1.2rem;
    font-family: 'Roboto Slab', serif
}

.ece-reva-research .reva-resch-panel .owl-nav button span:hover,
.ece-study-at.ece_school_text .study-wrapper,
.home-happening .read-more a:hover,
.img-pan1,
li.d-app a,
section.inner-life-reva-panel11 .read-more a:hover,
section.inner-life-reva-panel8 .read-more a:hover {
    background: #0096a1
}

li.apply a:after {
    content: "";
    background: url(../images/b-arrow.svg) 0 0/100% no-repeat;
    width: 7px;
    height: 18px;
    position: absolute;
    right: 13px;
    top: 15px
}

li.ad-enquiry a {
    background: #f57f26
}

.down-link ul li a {
    padding: 6px 30px 6px 20px
}

body.add1 li#show_search {
    z-index: 0
}

body.add1 .menu-group-panel,
body.add1 .menu-level {
    z-index: -1
}

.life-reva-menu ul ul li {
    padding: 0 10px;
    position: relative
}

.life-reva-menu ul ul {
    padding: 10px 0;
    border-bottom: 1px solid #ffffff24;
    margin-bottom: 20px
}

.life-reva-menu ul ul li:before {
    content: "";
    position: absolute;
    color: #fff;
    left: 0;
    width: 10px;
    background: #fff;
    height: 1px;
    top: 13px
}

.life-reva-menu ul ul li a {
    font-size: .85rem;
    padding: 3px 25px
}

.img-pan1 {
    padding: 20px;
    width: 30%
}

.images1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.images1 p,
.images2 p {
    color: #fff;
    padding: 20px 20px 0;
    margin: 0
}

.img-pan2 {
    display: inline-block;
    background: #febe10;
    padding: 20px 13px;
    width: 26%
}

.banner-content,
.happen-block1,
.home-crs-panel ul,
.images2,
.life_academic_box,
.scroll-container {
    display: -webkit-box;
    display: -ms-flexbox
}

.images2 {
    display: flex;
    margin: 20px 0
}

.tour_link {
    margin-top: 41px;
    border-top: 1px solid #ffffff29;
    padding-top: 40px
}

.life-reva {
    position: absolute;
    top: 90px
}

.viewport {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.banner-content,
.home-course-serch,
.scroll-container {
    position: absolute;
    width: 100%
}

.scroll-container {
    overflow: hidden;
    z-index: 10;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.content {
    width: 100%;
    padding-top: 0
}

.img-container {
    margin: 0
}

.img-container img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.banner-content {
    z-index: 99;
    bottom: 250px;
    left: 0;
    height: 100vh;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.banner-content h1 {
    color: #fff;
    padding: 0 20px;
    font-size: 3.5rem;
    margin: 0;
    line-height: 1;
    font-weight: 300;
    text-align: left
}

.banner-content p {
    background: #54a54de0;
    padding: 24px 30px;
    font-size: 1.3rem;
    color: #fff;
    min-height: 105px;
    margin: 0;
    font-weight: 500;
    line-height: 1.4;
    text-align: left
}

.add-miss a,
.life-reva a,
.pro-grm a {
    font-size: 1.3rem;
    color: #fff !important;
    cursor: pointer
}

.carousel-item {
    height: 100%;
    min-height: 100vh;
    background: center center/cover no-repeat fixed
}

.carousel-fade1 .carousel-item {
    opacity: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade1 .carousel-item-next.carousel-item-left,
.carousel-fade1 .carousel-item-prev.carousel-item-right,
.carousel-fade1 .carousel-item.active,
.sideMenu.show ul.main li {
    opacity: 1
}

.carousel-fade1 .active.carousel-item-left,
.carousel-fade1 .active.carousel-item-right {
    opacity: 0
}

.carousel-fade1 .active.carousel-item-left,
.carousel-fade1 .active.carousel-item-prev,
.carousel-fade1 .carousel-item-next,
.carousel-fade1 .carousel-item-prev,
.carousel-fade1 .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.home-course-serch {
    bottom: 50px;
    z-index: 99
}

.ece-life-at-reva .container,
.faculty-eng-testimonial,
.faculty-eng-testimonial .container,
.footer-input,
.home-submit,
.humburger-slide ul li,
.menu,
.menu-level li a,
.menu-nav,
.rel-p,
.search-box_klh,
section.banner,
section.research-panel1 .container {
    position: relative
}

.home-crs-panel {
    background: #009ad9d6;
    padding: 30px
}

.home-crs-panel ul {
    list-style: none;
    display: flex
}

.home-crs-panel ul li a {
    color: #fff
}

.home-crs-panel ul li {
    border-right: 1px solid #fff;
    padding: 0 15px;
    margin-bottom: 10px
}

#allprogramme,
.home-crs-panel ul li:first-child {
    padding-left: 0
}

.home-crs-panel ul li:last-child {
    border: 0
}

.home-submit input.form-control {
    background: 0 0;
    color: #fff;
    height: inherit;
    padding: 12px 20px;
    border: 1px solid #fff;
    font-style: italic;
    border-radius: 0
}

.home-submit .submit-btn a,
.searchoverlay .searchform .search {
    display: inline-block;
    height: 30px;
    text-align: center;
    line-height: 30px
}

.home-submit input.form-control::-webkit-input-placeholder {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300
}

.home-submit input.form-control:-ms-input-placeholder {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300
}

.home-submit input.form-control::-ms-input-placeholder {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300
}

.home-submit input.form-control::placeholder {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300
}

.home-submit .submit-btn {
    position: absolute;
    right: 9px;
    top: 10px
}

.home-submit .submit-btn a {
    width: 30px;
    background: #fff;
    border-radius: 5px;
    color: #000
}

section.home-panel1 {
    position: fixed;
    z-index: 9;
    padding: 0;
    width: 100%
}

.home-panel1 .navbar-brand img.img-fluid {
    width: 20rem;
    -webkit-transition: .2s;
    transition: .2s
}

.header-wrapper:after {
    width: 239px;
    content: "";
    background: #f2a31e;
    position: absolute;
    top: -11px;
    z-index: 9999;
    left: 0;
    height: 11px
}

section.home-panel1.fixed {
    background: #0096a1;
    width: 100%;
    -webkit-transition: .2s;
    transition: .2s
}

.footer-panel1 .col-md-3:last-child,
.media-cover-detail .date {
    padding: 0
}

section.home-panel1.fixed a.navbar-brand.u-header__navbar-brand.u-header__navbar-brand-center img {
    min-height: 26px;
    width: 13rem;
    -webkit-transition: .2s;
    transition: .2s
}

section.home-panel1.fixed a.navbar-brand.u-header__navbar-brand.u-header__navbar-brand-center {
    padding: 20px 30px
}

section.home-panel1.fixed nav.menu-panel {
    top: -17px;
    -webkit-transition: .2s;
    transition: .2s
}

a.navbar-brand.u-header__navbar-brand.u-header__navbar-brand-center {
    padding: 30px;
    outline: 0
}

nav.menu-panel {
    position: fixed;
    right: 0;
    z-index: 999;
    width: 100%;
    top: 0
}

.menu-level li a {
    color: #fff;
    padding: 5px 12px 5px 29px;
    margin: 3px 0;
    font-weight: 400;
    float: none;
    display: block
}

.menu-level li {
    list-style: none;
    margin: 3px 0
}

.life-areva a {
    background: #009ad9
}

.add-miss a:after,
.pro-grm a:after {
    background: url(../images/plus.svg) no-repeat;
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    right: 8px;
    top: 18px
}

body.add1 section.home-panel1.fixed {
    background: 0 0
}

body.add1 a.navbar-brand.u-header__navbar-brand.u-header__navbar-brand-center {
    position: fixed;
    z-index: 999999
}

.humburger-slide {
    padding: 135px 120px
}

.humburger-slide ul li a {
    font-size: 1.5rem;
    color: #ffff
}

.humburger-slide ul,
.life-academic ul li,
section.contact-panel3 ul,
section.inner-life-reva-panel4 ul li,
section.inner-life-reva-panel5 ul li {
    list-style: none
}

.humburger-slide .other-link-detail ul {
    opacity: 1;
    position: static;
    visibility: visible
}

.humburger-slide .other-link-detail ul li a {
    font-size: 1rem;
    font-weight: 400;
    color: #fff
}

.humburger-slide ul li ul:after {
    background: #fff;
    content: "";
    width: 250px;
    height: 1px;
    position: absolute;
    top: 14px;
    left: -280px
}

.other-link-detail {
    display: inline-block;
    border-top: 1px solid #009ad9;
    border-bottom: 1px solid #009ad9;
    padding: 15px 0;
    margin: 15px 0
}

.follow-us,
.footer-contact ul li {
    border-bottom: 1px solid #ffffff2e
}

.humburger-slide ul li ul {
    position: absolute;
    left: 550px;
    top: 0;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 99;
    visibility: hidden
}

.humburger-slide ul li:hover ul {
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s;
    visibility: visible
}

.humburger-slide ul ul li a {
    font-size: 1rem;
    padding: 3px 0;
    display: block;
    color: #fffc;
    font-weight: 300
}

.course_overView ul li a.active,
.course_overView ul li.active a,
.humburger-slide ul li a:hover {
    color: #febe10
}

.menu-logo {
    position: absolute;
    right: -300px;
    opacity: .2;
    z-index: 9;
    top: -300px
}

.pro-grm a {
    background: #f57f26;
    position: absolute;
    left: -184px;
    padding: 10px 40px 10px 17px;
    font-weight: 300;
    width: 184px
}

.add-miss a {
    background: #60636d;
    position: absolute;
    left: -190px;
    padding: 10px 61px 10px 14px;
    font-weight: 300;
    top: 54px;
    width: 190px
}

.life-reva a {
    background: #009ad9;
    position: absolute;
    left: -198px;
    padding: 10px 57px 10px 17px;
    font-weight: 300;
    top: 114px;
    width: 198px
}

.life-reva a:after {
    background: url(../images/plus.svg) center no-repeat;
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
    right: 8px;
    top: 18px
}

.searchoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #de0b5c;
    z-index: 99999999;
    display: none;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

.searchoverlay .searchform {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 100%;
    z-index: 999;
    background: #ab3438;
    padding: 20px;
    text-align: center
}

.searchoverlay:before {
    content: "";
    background: #000;
    height: 100vh;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    cursor: initial
}

.searchoverlay .closesearch {
    color: #fff;
    position: absolute;
    font-size: 20px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 30px;
    height: 60px;
    display: inline-block;
    z-index: 9999;
    -webkit-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out
}

.searchoverlay .searchform input {
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    background: 0 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    padding: 10px 50px 10px 0;
    width: 100%;
    outline: 0;
    max-width: 100%
}

.search-box_klh {
    width: 50%;
    margin: auto
}

.menu,
.menu.clicked {
    width: 47px;
    height: 42px
}

.searchoverlay .searchform .search {
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 18px;
    cursor: pointer;
    color: #fff8f8;
    width: 30px
}

.searchoverlay .searchform input::-webkit-input-placeholder {
    color: #fff
}

.searchoverlay .searchform input:-ms-input-placeholder {
    color: #fff
}

.searchoverlay .searchform input::-ms-input-placeholder {
    color: #fff
}

.searchoverlay .searchform input::placeholder {
    color: #fff
}

.menu-panel li.searchnav a {
    display: inline-block !important;
    text-indent: -9999px;
    width: 42px;
    height: 42px;
    background: url(../images/search-icon.svg) center no-repeat;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0;
    margin-right: 10px
}

.menu-panel li.searchnav {
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 9999;
    top: 39px;
    right: 46px
}

.menu {
    z-index: 21;
    background: #febe10;
    float: right;
    top: 40px
}

.menu-nav {
    float: right;
    left: 20px;
    top: 20px
}

.menu-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    list-style: none
}

.menu span {
    margin-bottom: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -1.5px
}

.menu span,
.menu span::after,
.menu span::before {
    display: block;
    width: 20px;
    right: 0;
    height: 2px;
    background-color: #fff;
    outline: transparent solid 1px;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.sideMenu,
body.add1 {
    position: fixed;
    width: 100%
}

.menu span::after,
.menu span::before {
    position: absolute;
    content: ""
}

.menu span::before {
    top: -9px;
    width: 20px
}

.menu span::after {
    top: 9px;
    width: 13px
}

.menu.clicked span {
    background-color: transparent
}

.menu.clicked span::before {
    -webkit-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
    width: 20px
}

.menu.clicked span::after {
    -webkit-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
    top: 9px;
    width: 20px
}

.menu.clicked span:after,
.menu.clicked span:before {
    background-color: #fff
}

.menu:hover {
    cursor: pointer
}

.sideMenu {
    background: #383b43f5;
    top: 0;
    right: 0;
    height: 100vh;
    max-width: 100%;
    padding: 0;
    overflow-y: hidden;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow-x: hidden
}

.sideMenu.show {
    opacity: 1;
    z-index: 1;
    -webkit-transition: .2s;
    transition: .2s;
    visibility: visible
}

.header-wrapper li.searchnav {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 999
}

.header-wrapper li.searchnav a {
    text-indent: -9999px;
    width: 42px;
    height: 42px;
    background: url(../images/search-icon.svg) center/50% no-repeat #ab3438;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0 10px;
    display: inline-block
}

footer {
    background: #222;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    clear: both
}

footer .path-2 {
    right: -190px;
    left: inherit;
    position: absolute
}

.footer-panel1 h2 {
    color: #fff;
    font-size: 1.1rem;
    margin: 22px 0;
    position: relative;
    padding-bottom: 20px
}

.footer-panel1 h2:after {
    width: 50px;
    height: 1px;
    content: "";
    background: #f8ae2e;
    position: absolute;
    bottom: 0;
    left: 0
}

.footer-panel1 ul li a:hover,
.sterco:hover {
    color: #eda33f
}

.footer-panel1 ul li a {
    color: #e2dede;
    font-size: .9rem;
    display: block;
    margin: 6px 0;
    font-weight: 100
}

footer ul {
    margin-bottom: 54px
}

.follow-us ul {
    margin: 0 0 20px;
    padding: 0
}

.footer-panel2 p {
    font-size: .8rem;
    color: #fff;
    text-align: right;
    margin: 0;
    padding: 9px 0
}

.follow-us footer ul,
h2#Undergraduate {
    margin-bottom: 0
}

.footer-input input.form-control {
    border: 1px solid #ffffff2e;
    background: 0 0;
    border-radius: .25rem;
    padding: 0 14px;
    color: #fff;
    font-weight: 300;
    font-style: normal;
    font-size: 15px
}

.follow-us h3 {
    color: #fff;
    font-size: 1.1rem;
    margin: 30px 0 0;
    padding: 20px 0 10px
}

.follow-us {
    display: block;
    list-style: none;
    margin-bottom: 30px
}

.submit-btn {
    position: absolute;
    right: 9px;
    top: 45px
}

.submit-btn button {
    width: 25px;
    height: 25px;
    background: #3e4094;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #fff
}

.footer-panel1 .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.footer-panel h1 {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300
}

.footer-panel p {
    font-size: .9rem;
    font-weight: 100;
    line-height: 26px;
    font-family: Roboto, sans-serif;
    color: #fff
}

.footer-panel {
    padding-top: 27px
}

li.tel-icon i {
    color: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 29px;
    font-size: 20px;
    margin-top: 13px;
    -webkit-transform: rotate(166deg);
    transform: rotate(166deg)
}

li.message-icon i {
    font-size: 20px;
    color: #fff;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle
}

.footer-contact ul li {
    padding: 4px 0
}

.footer-input h3 {
    font-size: 1.1rem;
    color: #fff;
    padding-bottom: 10px
}

.ece-study-at.ece_school_text .study-wrapper p,
.happening-box1 .date h3,
.happening-box1 .date h4,
.happening-box2 .date h3,
.happening-box2 .date h4,
.happening-box3 .date h3,
.happening-box3 .date h4,
.office-adm a,
.sterco,
section.inner-life-reva-panel11 .read-more a:hover i,
section.inner-life-reva-panel8 .read-more a:hover i {
    color: #fff
}

.contact-hr .doen-resume a:hover,
.submit-btn a:hover {
    background: #2096a1;
    color: #fff
}

p.font-12 {
    font-size: .75rem;
    line-height: 20px
}

.life_academic_box {
    height: 100vh;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.inner-life-reva-panel1 {
    background: url(https://files.reva.ac.in/assets/frontend/images/life-at-banner.png) center/cover no-repeat;
    width: 100%;
    height: 100vh;
    position: relative
}

.lefe-reva-content1 {
    width: 404px;
    padding-left: 0;
    position: relative;
    padding-top: 180px
}

section.inner-life-reva-panel1:before {
    background: #0000002e;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0
}

.contact-pan,
.view-all-link,
section.inner-life-reva-panel11 .life_academic_box,
section.inner-life-reva-panel5 .life_academic_box {
    float: right
}

section.inner-life-reva-panel4:before {
    background: #0000005e;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0
}

.life-at-campus {
    background: #219ad9;
    padding: 45px
}

.lefe-reva-content1 h1,
.lefe-reva-content1 h2 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 3rem;
    margin-bottom: 40px;
    text-transform: uppercase
}

.life-academic h2,
.life-at-campus h4,
.life-at-campus h5 {
    margin-bottom: 20px;
    font-family: 'Roboto Slab', serif
}

.life-at-campus h4 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400
}

.life-at-campus h5 {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5
}

.life-at-campus p {
    color: #fff;
    font-size: .9rem;
    font-family: Roboto, sans-serif
}

section.inner-life-reva-panel2 {
    background: url(https://files.reva.ac.in/assets/frontend/images/life-academic.png) center/cover no-repeat;
    width: 100%;
    height: 100vh
}

.life-academic {
    width: 250px;
    padding: px 0
}

.life-academic2 {
    position: absolute;
    bottom: 0;
    width: 260px;
    background: #f57f26;
    right: 0;
    padding: 30px
}

.life-academic2 p {
    color: #fff;
    margin: 0
}

section.inner-life-reva-panel2 .container {
    position: relative;
    height: 100%
}

.life-academic2 h3 {
    font-size: 3rem;
    color: #fff;
    font-family: 'Roboto Slab', serif
}

.life-academic2 h5 {
    font-size: 1rem;
    color: #fff;
    font-weight: 300
}

.life-academic ul li a,
section.inner-life-reva-panel4 ul li a {
    color: #383b43;
    font-family: 'Roboto Slab', serif;
    border-top: 1px solid #ccc;
    display: block;
    padding: 10px 0;
    font-weight: 700
}

.life-academic p {
    font-size: .95rem
}

.halls-of-residence h2,
section.inner-life-reva-panel4 h2 {
    font-size: 1.8rem;
    font-family: 'Roboto Slab', serif;
    font-weight: 300
}

.life-academic ul,
section.placement-panel3 .owl-carousel.life-academic2-slider {
    margin: 30px 0
}

.life-academic ul li:last-child a,
section.inner-life-reva-panel4 ul li:last-child a,
section.inner-life-reva-panel5 ul li:last-child a {
    border-bottom: 1px solid #ccc
}

.contact-hr a:hover,
.life-academic ul li a:hover,
.view-all a:hover,
section.career-panel2 h6 a:hover,
section.inner-life-reva-panel4 ul li a:hover,
section.inner-life-reva-panel5 ul li a:hover {
    color: #f57f26
}

.life-academic i.fa.fa-angle-right,
section.inner-life-reva-panel4 i.fa.fa-angle-right,
section.inner-life-reva-panel5 i.fa.fa-angle-right {
    float: right;
    margin: 5px 0
}

.life-academic2 .owl-nav button span,
.teaching-fac .owl-nav button span,
section.placement-panel3 .owl-nav button span {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: 100;
    border: 1px solid #fff;
    border-radius: 5px
}

.life-academic2 .owl-nav {
    margin: 20px 0 0
}

section.inner-life-reva-panel3 {
    background: url(https://files.reva.ac.in/assets/frontend/images/residence_campus.png) center/cover no-repeat;
    width: 100%;
    height: 100vh;
    padding: 0
}

.halls-of-residence {
    width: 450px;
    background: #383b43;
    padding: 45px
}

.halls-of-residence h2 {
    color: #fff;
    margin-bottom: 30px
}

.halls-of-residence p,
.teaching-fac p,
.testimonial-box p {
    color: #fff;
    font-weight: 300
}

.Health-safety .read-more a,
.halls-of-residence .read-more a {
    border: 1px solid #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin: 20px 0 0
}

.Health-safety .read-more a:hover,
.halls-of-residence .read-more a:hover {
    background: #2096a1;
    border-color: #2096a1
}

section.inner-life-reva-panel4 {
    background: url(https://files.reva.ac.in/assets/frontend/images/on-campus.png) center/cover no-repeat;
    width: 100%;
    height: 100vh;
    padding: 0;
    position: relative
}

section.inner-life-reva-panel4 h2 {
    color: #000;
    margin-bottom: 40px
}

.on-campus-facilities {
    width: 404px;
    background: #fff;
    padding: 40px;
    float: right;
    position: relative
}

section.inner-life-reva-panel5 {
    background: url(https://files.reva.ac.in/assets/frontend/images/health-saftey.png) center/cover no-repeat;
    width: 100%;
    height: 100vh;
    padding: 0
}

section.inner-life-reva-panel5 h2 {
    font-size: 2rem;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    margin-bottom: 40px
}

section.inner-life-reva-panel5 ul li a {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    border-top: 1px solid #ccc;
    display: block;
    padding: 10px 0;
    font-weight: 500
}

.Health-safety {
    width: 404px;
    background: #009ad9;
    padding: 40px
}

.Health-safety .read-more a i.fa.fa-angle-right {
    float: none;
    margin: 0
}

section.inner-life-reva-panel6 {
    background: #383b43;
    padding: 100px 0
}

section.inner-life-reva-panel6 h2 {
    text-align: center;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 30px
}

section.inner-life-reva-panel6 p {
    text-align: center;
    color: #fff
}

section.inner-life-reva-panel6 .row {
    margin-top: 50px
}

.ece-study-at .study-wrapper h3,
.ece-study-at.ece_school_text .study-wrapper h3 {
    margin: 0;
    text-transform: capitalize;
    font-family: 'Roboto Slab', serif;
    letter-spacing: 0
}

.beyond-content {
    background: #fff;
    padding: 30px 45px
}

.beyond-content h3 {
    font-weight: 300;
    margin-bottom: 30px;
    color: #000;
    font-family: 'Roboto Slab', serif
}

section.inner-life-reva-panel6 .beyond-content p {
    color: #666;
    text-align: left
}

section.inner-life-reva-panel6 .read-more a {
    display: inline-block;
    border: 1px solid #000;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    color: #000;
    margin: 20px 0 0
}

section.inner-life-reva-panel6 .read-more a:hover {
    background: #2096a1;
    border-color: #2096a1;
    color: #fff
}

.owl-nav button {
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit
}

section.banner.inner-ece-abnner h3 {
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 1.5rem
}

section.banner.inner-ece-abnner h1 {
    padding: 0;
    text-align: left;
    font-weight: 300;
    line-height: .9;
    margin-top: 20px
}

section.banner.inner-ece-abnner .banner-content {
    bottom: 50px
}

.inner-study-with-us:after,
.placement-panel1:after,
.research-panel1:after,
.research-panel1_end:after,
section.banner.inner-ece-abnner:after {
    content: "";
    background-image: linear-gradient(181deg, #0000009e, #0000000d);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1
}

.ece-study-at.study-at,
.home-happening,
section.inner-study-with-us2 {
    background: #fdebe7;
    overflow: hidden
}

.ece-study-at.study-at {
    padding: 150px 0 60px;
    position: relative
}

.ece-study-at .study-wrapper {
    background: #71c0ca;
    padding: 45px;
    max-width: 420px
}

.ece-study-at .study-wrapper h3 {
    font-size: 2rem;
    color: #383b43
}

.ece-study-at.ece_school_text .study-wrapper h3 {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 700
}

.ece-study-at.ece_school_text .study-wrapper h4 {
    color: #383b43;
    font-weight: 300;
    margin: 35px 0;
    padding-right: 0;
    font-size: 2.5rem;
    font-family: 'Roboto Slab', serif
}

.ece-study-at .study-wrapper p,
.ece-study-at.ece_school_text .study-wrapper p {
    font-size: 2rem;
    padding: 15px 0;
    line-height: 1.2;
    font-weight: 300;
    font-family: 'Roboto Slab', serif
}

.ece-study-at.ece_school_text .ece-date {
    border-top: 1px solid #fff;
    padding: 30px 0;
    color: #fff
}

.ece-study-at .study-wrapper p {
    color: #383b43
}

.ece-study-at .bowse-by ul {
    list-style: none;
    padding: 0
}

.ece-study-at .bowse-by ul li {
    margin-right: 34px
}

.ece-life-at-reva .life-at-text ul li:nth-child(2n),
.ece-study-at .bowse-by ul li:nth-child(2n) {
    margin-right: 0
}

.ece-study-at .bowse-by ul li a {
    color: #000;
    position: relative;
    padding: 20px 0;
    display: block;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
    font-size: 1.1rem
}

.contact-pan a:hover,
.courses-names h2:hover,
.ece-study-at .bowse-by ul li a:hover,
.media-cover-detail h2:hover,
.view-all-cours a:hover {
    color: #2096a1
}

.ece-study-at .bowse-by ul li a:before {
    content: "";
    width: 80px;
    height: 1px;
    background: #f37121;
    position: absolute;
    bottom: 0
}

.ece-study-at .bowse-by h2 {
    font-size: 3.5rem;
    color: #71c0ca;
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'Roboto Slab', serif;
    line-height: .85;
    letter-spacing: -3px
}

.ece-study-at .owl-nav button span {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    font-weight: 100;
    border: 1px solid #000;
    border-radius: 5px
}

.bowse-by h3 {
    color: #f9a455;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: .7;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 30px
}

.ece-study-at .read-more a {
    display: inline-block;
    border: 1px solid #000;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 1px 1px 1px #00000029;
    box-shadow: 1px 1px 1px #00000029;
    border-radius: 5px;
    text-align: center;
    background-position: center;
    line-height: 35px;
    color: #000
}

.ece-study-at .read-more {
    margin: 40px 0
}

.ece-study-at .read-more a:hover {
    background: #fff;
    border: 1px solid #fff;
    -webkit-box-shadow: 1px 1px 1px #00000029;
    box-shadow: 1px 1px 1px #00000029
}

.ece-study-at .path-1 {
    width: 50%;
    position: absolute;
    right: -300px;
    top: -124px
}

.ece-date {
    border-top: 1px solid #707070;
    padding: 15px 0;
    color: #60636d;
    margin-bottom: 7px
}

.bowse-by h5 {
    font-size: .95rem;
    color: #000;
    font-weight: 500
}

.ece-placement-at.placement-at {
    background: #009ad9;
    padding: 120px 0;
    position: relative;
    overflow: hidden
}

.ece-placement-at .placemnet-text-right h2 {
    margin-bottom: 30px;
    font-size: 3rem;
    color: #fff;
    font-family: 'Roboto Slab', serif
}

.ece-placement-at .placemnet-text-right {
    text-align: right;
    padding-left: 30px;
    padding-right: 40px
}

.ece-placement-at .placemnet-text-right p {
    color: #fff;
    font-weight: 100;
    font-size: 1.2rem
}

.ece-life-at-reva .life-at-text .read-more a,
.ece-placement-at .placemnet-text-right .read-more a {
    display: inline-block;
    border: 1px solid #fff;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 1px 1px 1px #00000029;
    box-shadow: 1px 1px 1px #00000029;
    border-radius: 5px;
    text-align: center;
    background-position: center;
    line-height: 35px;
    color: #fff
}

.ece-placement-at .placemnet-text-right .read-more,
section.placement-panel3 .read-more {
    margin: 20px 0
}

.ece-placement-at .placemnet-text-right .read-more a:hover {
    background: #000;
    border: 1px solid #000;
    -webkit-box-shadow: 1px 1px 1px #00000029;
    box-shadow: 1px 1px 1px #00000029
}

.ece-placement-at .placemnet-text-right h3 {
    font-size: 4.5rem;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    margin: 0
}

.ece-placement-at .placemnet-text-right h5 {
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    margin-bottom: 26px
}

.ece-placement-at .line-draw-box {
    border: 9px solid #cdde54;
    width: 372px;
    height: 330px;
    position: absolute;
    bottom: 50px
}

.ece-placement-at .placemnet-text-left {
    margin-left: 0
}

.ece-placement-at .text-placement {
    background: #009ad9;
    width: 350px;
    padding: 35px 34px;
    margin: 0 -30px;
    position: relative;
    top: 90px
}

.ece-placement-at .text-placement p {
    font-family: Roboto, sans-serif;
    font-weight: 100;
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 30px
}

.ece-placement-at .placement-pic {
    position: absolute;
    right: 0;
    bottom: -120px;
    width: 76%
}

.ece-placement-at .yellow-btn {
    background: #ffde00;
    padding: 20px
}

.ece-placement-at .yellow-btn h4 {
    font-size: 1.2rem;
    color: #60636d
}

.ece-placement-at .yellow-btn h5 {
    font-size: 1rem;
    color: #60636d
}

.ece-placement-at .path-2 {
    width: 41%;
    position: absolute;
    left: -160px;
    bottom: -24px
}

.ece-reva-research.reva-research {
    background: url(https://files.reva.ac.in/assets/frontend/images/ece-research2.png) center/cover no-repeat;
    width: 100%;
    height: 650px
}

.ece-reva-research .reva-res-content {
    padding: 70px 0;
    width: 300px;
    margin-bottom: 60px
}

.ece-reva-research .reva-res-content h2 {
    color: #fff;
    font-size: 3rem;
    margin-bottom: 30px;
    font-weight: 500;
    font-family: 'Roboto Slab', serif;
    line-height: 1
}

.date h3,
.ece-reva-research .reva-res-content p {
    font-size: 1.5rem;
    font-family: 'Roboto Slab', serif
}

.ece-reva-research .reva-res-content p {
    color: #fff;
    font-weight: 100
}

.ece-life-at-reva .life-at-panel h2,
.ece-life-at-reva .life-at-panel h3 {
    font-size: 3rem;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase
}

.ece-reva-research .reva-resch-panel p {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    border-top: 1px solid #ffffff38;
    padding: 30px 0;
    position: relative
}

.ece-reva-research .reva-resch-panel .owl-item.active p:after {
    background: #ffde00;
    width: 100px;
    height: 1px;
    content: "";
    position: absolute;
    top: -1px;
    left: 0
}

.ece-reva-research .reva-resch-panel .owl-nav {
    position: absolute;
    top: -75px
}

.ece-reva-research .reva-resch-panel .owl-nav button span,
.research-panel3 .reva-resch-panel .owl-nav button span {
    background: #383b43;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    font-size: 28px;
    line-height: 28px;
    color: #ffde00;
    font-weight: 100
}

.ece-life-at-reva .life-at-panel {
    max-width: 500px;
    background: #009ddbe3;
    padding: 30px 50px;
    position: absolute;
    bottom: 80px !important;
    z-index: 999;
    right: 0;
    top: inherit !important
}

.ece-life-at-reva.life-at-reva {
    position: relative;
    max-height: inherit
}

.ece-life-at-reva .life-at-panel h2 {
    margin: 0;
    line-height: 1
}

.ece-life-at-reva .life-at-panel h3 {
    line-height: .9
}

.ece-life-at-reva .life-at-title {
    margin-top: -75px
}

.ece-life-at-reva .life-at-text p {
    font-family: 'Roboto Slab', serif;
    font-size: 1.1rem;
    font-weight: 300;
    color: #fff
}

.ece-life-at-reva .life-at-text ul {
    list-style: none;
    padding: 20px 0 0
}

.ece-life-at-reva .life-at-text ul li {
    width: 47%;
    display: inline-block;
    border-bottom: 1px solid #ffffff5e;
    margin-right: 14px;
    vertical-align: top
}

.ece-life-at-reva .life-at-text ul li a {
    color: #fff;
    padding: 12px 0;
    display: block;
    font-size: .95rem;
    font-family: Roboto, sans-serif;
    font-weight: 300
}

.ece-life-at-reva .life-at-text .read-more a:hover {
    background: #000;
    border: 1px solid #000;
    -webkit-box-shadow: 1px 1px 1px #00000029;
    box-shadow: 1px 1px 1px #00000029;
    color: #fff
}

.happen-block1,
.happen-block2 {
    -webkit-box-shadow: 1px 1px 1px #0000001a;
    box-shadow: 1px 1px 1px #0000001a
}

.ece-about-university.home-about-university {
    padding: 0 !important;
    background: 0 0;
    height: auto !important;
    position: relative
}

.ece-about-university.home-about-university .home-about {
    float: left
}

.ece-about-university .home-about1 {
    background: #f37120eb;
    padding: 30px;
    position: absolute;
    bottom: 20%;
    max-width: 450px
}

.ece-about-university .home-about1 h2 {
    color: #fff;
    font-size: 2.5rem;
    margin: 0;
    text-transform: uppercase;
    line-height: 1;
    font-family: 'Roboto Slab', serif
}

.ece-about-university .home-about1 h3 {
    color: #fff;
    font-size: 2.2rem;
    text-transform: uppercase;
    line-height: 1.1;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 30px
}

.date,
.date h4,
.happen-block2 .happing-block1-detail h1,
.happen-block3 .happing-block1-detail h1 {
    font-size: 1rem;
    font-family: 'Roboto Slab', serif
}

.ece-about-university .home-abt-title {
    margin-top: -10px
}

.ece-about-university .home-about1 p {
    font-family: 'Roboto Slab', serif;
    margin: 30px 0;
    font-weight: 300;
    color: #fff
}

.ece-about-university .home-about1 .read-more a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    background-position: center;
    line-height: 35px;
    color: #fff
}

.ece-about-university .home-about1 .read-more a:hover {
    background: #000;
    color: #fff
}

.home-happening {
    padding: 50px 0;
    position: relative
}

.happen-block1 {
    display: flex;
    border: 1px solid #fff;
    border-radius: 5px
}

.home-happening .col-md-6 {
    margin-bottom: 0;
    padding: 10px
}

.home-happening h2 {
    font-family: 'Roboto Slab', serif;
    color: #f37121;
    margin-bottom: 40px
}

.date,
.date h3,
.date h4 {
    color: #4a4c55
}

.happing-img {
    width: 100%;
    margin-right: 20px
}

.happen-block2,
.happen-block3 {
    width: 48%;
    border-radius: 5px;
    height: 100%;
    overflow: hidden
}

.date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 20px 0 0
}

.date h3 {
    margin-right: 7px;
    font-weight: 300
}

.date h4 {
    margin-left: 3px;
    font-weight: 300;
    position: relative;
    top: -6px
}

.happing-block1-detail p {
    color: #f37121;
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 0 15px;
    font-family: 'Roboto Slab', serif;
    padding-right: 30px
}

.ece-tie-up h3,
section.placement-news-act.inner-life-reva-panel6 h3 {
    font-size: 1.5rem
}

.date2 {
    font-family: Roboto, sans-serif;
    font-size: .8rem
}

.happen-block2 {
    display: inline-block;
    margin-right: 17px
}

.happen-block3 {
    background: #fff;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 1px 1px 1px #0000001a;
    box-shadow: 1px 1px 1px #0000001a
}

.happen-block2 .happing-block1-detail {
    background: #fff;
    padding: 20px;
    height: 100%;
    overflow: hidden
}

.happen-block2 .happing-block1-detail h1 {
    color: #383b43;
    font-weight: 400
}

.happen-block3 .happing-block1-detail h1 {
    margin-bottom: 20px;
    color: #383b43;
    font-weight: 400
}

.happen-block3 .happing-block1-detail p {
    font-size: .9rem;
    color: #60636d;
    font-family: Roboto, sans-serif;
    font-weight: 300
}

.happen-block3 .happing-block1-detail {
    padding: 20px
}

.happen-block2 .date,
.happen-block3 .date {
    padding-top: 0
}

.happen-block2 .date h3,
.happen-block3 .date h3 {
    color: #f5823c;
    font-family: 'Roboto Slab', serif
}

.home-happening .read-more a {
    background: center #383b43;
    color: #ffcf06;
    border: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    -webkit-box-shadow: 1px 1px 1px #00000029;
    box-shadow: 1px 1px 1px #00000029;
    border-radius: 5px;
    text-align: center;
    line-height: 35px
}

.home-happening .path-1 {
    width: 50%;
    position: absolute;
    right: -300px;
    bottom: -124px;
    top: inherit
}

.home-happening .read-more {
    margin: 35px 0
}

.international-tie-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.international-tie-up img {
    display: inline-block;
    width: auto;
    max-width: inherit
}

.ece-tie-up {
    background: #fff;
    padding: 40px 0
}

.ece-tie-up h3 {
    border-right: 1px solid #000;
    margin-right: 38px;
    line-height: 2;
    width: 30%
}

.read-more a,
.teaching-fac .read-more a {
    border: 1px solid #fff;
    text-align: center;
    line-height: 35px;
    display: inline-block
}

.inter-nat {
    width: 70%
}

.ece-teaching-facility {
    background-repeat: no-repeat !important;
    background-color: #0096a1 !important;
    width: 100%;
    height: 700px;
    background-position: top right !important;
    background-size: 54% !important
}

.teaching-fac {
    padding: 50px 100px 50px 0
}

.teaching-fac h2 {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 30px
}

.teaching-fac h3 {
    font-size: 1rem;
    color: #fff
}

.teaching-fac h5 {
    font-size: .9rem;
    color: #fff;
    font-weight: 300
}

.media-cover-detail .read-more,
.teaching-fac img {
    margin-bottom: 20px
}

.teaching-fac .read-more a {
    background: center;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    margin: 15px 0 30px
}

.teaching-fac .read-more a:hover {
    background: #000
}

.ece-faculties-panel {
    padding-right: 100px
}

.ece-faculties-panel .owl-nav {
    margin-top: 35px
}

.inner-study-with-us {
    background: url(https://files.reva.ac.in/uploads/images/6778d1e11e9ee1735971297.webp) center/cover no-repeat fixed;
    width: 100%;
    height: 650px;
    position: relative
}

.study-with-content1 {
    position: absolute;
    bottom: 50px;
    z-index: 2
}

.study-with-content1 h2 {
    color: #fff;
    font-weight: 300;
    font-size: 3.5rem
}

section.inner-study-with-us2 {
    padding: 100px 0 400px;
    position: relative
}

section.inner-study-with-us2 .home-course-serch {
    position: static
}

section.inner-study-with-us2 .path-1 {
    position: absolute;
    top: -100px;
    right: -200px;
    width: 38%
}

.home-course-serch .view-all-cours {
    text-align: center;
    padding: 0
}

.view-all-cours {
    text-align: center;
    padding: 30px 0
}

.view-all-cours a {
    color: #333;
    font-weight: 700;
    font-family: 'Roboto Slab', serif
}

section.inner-study-with-us3 {
    margin-top: -300px;
    position: relative;
    margin-bottom: 100px
}

section.inner-study-with-us3 h2 {
    text-align: center;
    display: block;
    color: #383b43;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    font-family: 'Roboto Slab', serif;
    font-weight: 600
}

section.inner-study-with-us3 h2:after {
    background: #f57f26;
    content: "";
    width: 100px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.bs-school-boxes p {
    color: #fff;
    position: absolute;
    z-index: 2;
    top: 0;
    padding: 50px;
    font-weight: 500;
    width: 100%;
    height: 100%
}

.bs-school-boxes {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 7px #00000052;
    box-shadow: 3px 3px 7px #00000052;
    margin-top: 30px
}

section.inner-study-with-us3 .col-md-4 {
    margin-bottom: 30px;
    position: relative
}

section.inner-study-with-us3 .col-md-4:first-child .bs-school-boxes:after {
    content: "";
    background: #f9a455;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply
}

section.inner-study-with-us3 .col-md-4:nth-child(2) .bs-school-boxes:after {
    content: "";
    background: #f37121;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply
}

section.inner-study-with-us3 .col-md-4:nth-child(3) .bs-school-boxes:after {
    content: "";
    background: #71c0ca;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply
}

section.inner-study-with-us3 .col-md-4:nth-child(4) .bs-school-boxes:after {
    content: "";
    background: #0096a1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply
}

section.inner-study-with-us3 .col-md-4:nth-child(5) .bs-school-boxes:after {
    content: "";
    background: #f7941e;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply
}

section.inner-study-with-us3 .col-md-4:nth-child(6) .bs-school-boxes:after {
    content: "";
    background: #009ad9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply
}

.bs-school-boxes a {
    display: inline-block;
    padding: 0
}

.bs-school-boxes:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about-panel2,
.about-panel3 {
    -webkit-transform: translateZ(0) scale(1)
}

.bs-school-boxes img {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 1.1s;
    transition: 1.1s
}

.placement-panel1 {
    background: url(https://files.reva.ac.in/assets/frontend/images/placement-bg.png) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative
}

.about-panel-content1,
.happening-panel-content1,
.placement-panel-content1,
.research-panel-content1 {
    width: 404px;
    padding-top: 170px;
    padding-left: 0;
    position: relative;
    z-index: 2
}

.placement-box1 {
    background: #f57f26;
    padding: 45px
}

.placement-box1 h5 {
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400
}

.about-panel-content2 p,
.about-panel-content3 p,
.about-panel-content4 p,
.placement-box1 p,
.research-panel-content3 p,
.research-panel-content4 p {
    color: #fff;
    font-size: .95rem;
    font-weight: 300
}

.placement-panel-content1 h1,
.placement-panel-content1 h2 {
    color: #fff;
    padding: 0 0 30px;
    font-family: 'Roboto Slab', serif;
    font-size: 2.5rem;
    text-transform: uppercase
}

.read-more a {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    color: #fff;
    margin: 9px 0
}

.placement-panel2 {
    background: url(https://files.reva.ac.in/assets/frontend/images/training-pic.png) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 140px 0
}

.training {
    background: #009ad9;
    width: 454px;
    padding: 40px;
    position: relative;
    z-index: 2;
    float: right
}

.path-3,
section.inner-head-panel .path-3 {
    z-index: 0;
    mix-blend-mode: multiply;
    text-align: right
}

.placemet-record h2,
.training h2 {
    color: #fff;
    margin-bottom: 30px;
    font-family: 'Roboto Slab', serif
}

.training p {
    color: #fff;
    font-weight: 300;
    font-family: Roboto, sans-serif;
    font-size: .95rem
}

.placement-brochure a {
    display: inline-block;
    background: #febe10;
    color: #000;
    font-weight: 600;
    padding: 10px;
    font-family: Roboto, sans-serif
}

.placement-brochure a i {
    padding: 0 10px
}

.couse-pan .read-more a:hover,
.happening-panel4 .read-more a:hover,
.placement-brochure a:hover {
    background: #f57f26;
    color: #fff
}

.placement-brochure {
    margin: 30px 0 20px
}

.placement-box1 .read-more a:hover,
.read-more a:hover,
.research-panel-content1 .read-more a:hover,
.research-panel-content2 .read-more a:hover,
.research-panel-content3 .read-more a:hover,
.research-panel-content4 .read-more a:hover,
.training .read-more a:hover {
    background: #fff;
    border-color: #fff;
    color: #000
}

.placement-panel3 {
    background: url(https://files.reva.ac.in/assets/frontend/images/placement-record.png) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 50px 0
}

.placemet-record {
    width: 450px;
    background: #383b43;
    padding: 40px
}

.research-panel1,
.research-panel2 {
    width: 100%;
    position: relative;
    height: 100vh
}

.placemet-record p {
    color: #fff;
    font-size: .95rem;
    font-weight: 300;
    line-height: 1.6
}

section.placement-panel3 .owl-carousel.life-academic2-slider h3 {
    color: #fff;
    font-size: 3.5rem;
    margin: 0
}

section.placement-panel3 .owl-carousel.life-academic2-slider h5 {
    color: #fff;
    font-size: .95rem;
    font-weight: 300;
    line-height: 1.6;
    margin: 0
}

section.placement-panel3 .owl-carousel.life-academic2-slider p {
    margin: 0;
    font-family: 'Roboto Slab', serif;
    font-weight: 600
}

section.placement-panel3 .owl-nav {
    margin: 25px 0
}

section.placement-news-act.inner-life-reva-panel6 h2 {
    font-weight: 400
}

section.placement-news-act.inner-life-reva-panel6 p {
    font-weight: 300;
    padding: 0 100px;
    line-height: 1.8
}

.career-testimonial .owl-nav button span,
.placement-panel7 .owl-nav button span {
    line-height: 28px;
    width: 30px;
    font-size: 28px;
    font-weight: 100;
    height: 30px;
    background: 0 0
}

.research-panel1 {
    background: url(https://files.reva.ac.in/uploads/images/642c135683e7b1680610134.webp) center/cover no-repeat fixed
}

.research-box1 {
    background: #009ad9;
    padding: 30px
}

.about-box1 p,
.research-box1 p {
    color: #fff;
    font-size: .95rem;
    font-weight: 400;
    font-family: 'Roboto Slab', serif
}

.research-panel-content1 h2 {
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 30px;
    font-family: 'Roboto Slab', serif
}

.research-panel2 {
    background: url(https://files.reva.ac.in/uploads/images/642c13b6dbf151680610230.webp) center/cover no-repeat fixed;
    padding-top: 120px
}

.research-panel-content2 h2 {
    text-transform: capitalize;
    font-weight: 600;
    padding-bottom: 30px;
    font-family: 'Roboto Slab', serif;
    color: #333
}

.research-panel-content2 p {
    color: #333;
    font-size: .95rem;
    font-weight: 300
}

.research-panel-content2 {
    background: #ffcf06;
    padding: 45px;
    width: 500px;
    float: right
}

.research-panel-content2 .read-more a {
    border-color: #333;
    color: #333
}

.research-panel3 {
    background: url(https://files.reva.ac.in/uploads/images/642cf1ea502811680667114.webp) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative;
    padding-top: 90px
}

.about-panel-content1 h2,
.about-panel-content2 h2,
.about-panel-content3 h2,
.about-panel-content4 h2,
.research-panel-content3 h2,
.research-panel-content4 h2 {
    text-transform: capitalize;
    font-weight: 600;
    padding-bottom: 30px;
    font-family: 'Roboto Slab', serif;
    color: #fff
}

.research-panel-content3 {
    background: #f37121;
    padding: 45px;
    width: 500px;
    float: left
}

.research-panel-content3 .read-more a {
    border-color: #fff;
    color: #fff
}

.research-panel-content3 ul {
    padding: 20px 0;
    list-style: none
}

.research-panel-content3 ul li a {
    display: block;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 1rem;
    font-weight: 600;
    padding: 5px 0
}

.research-panel-content3 ul li a:hover,
.view-all a {
    color: #333
}

.research-panel3 .reva-resch-panel {
    width: 600px;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0
}

.research-panel3 .reva-resch-panel p {
    font-weight: 300;
    color: #fff;
    font-size: .8rem;
    font-family: 'Roboto Slab', serif;
    position: relative;
    border-top: 1px solid #ffffff38;
    padding: 30px 0 0;
    margin: 0
}

.research-panel3 .reva-resch-panel .owl-item.active p:after {
    background: #ffde00;
    width: 50px;
    height: 1px;
    content: "";
    position: absolute;
    top: -1px;
    left: 0
}

.research-panel3 .owl-nav {
    position: absolute;
    top: -70px
}

.research-panel4 {
    background: url(https://files.reva.ac.in/uploads/images/642cf23bea8651680667195.webp) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative;
    padding-top: 90px
}

.research-panel-content4 {
    background: #383b43;
    padding: 45px;
    width: 450px;
    float: right
}

.path-3 {
    width: 58%;
    position: absolute;
    top: -280px;
    right: 0;
    float: right
}

.about-panel-content2,
.about-panel-content3,
.about-panel-content4 {
    z-index: 2;
    top: 150px;
    position: relative
}

.about-panel1 {
    background: url(https://files.reva.ac.in/assets/frontend/images/about-pic1.png) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative
}

.about-box1 {
    background: #f57f26;
    padding: 45px;
    width: 350px
}

.about-panel2 {
    background: url(https://files.reva.ac.in/assets/frontend/images/Swami-Vivekananda-Block.png) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    transform: translateZ(0) scale(1);
    position: relative;
    padding-top: 170px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.about-panel-content2,
.about-panel-content4 {
    width: 404px;
    padding: 40px;
    background: #009ad9;
    float: right
}

.about-panel3 {
    background: url(https://files.reva.ac.in/assets/frontend/images/governance.png) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    transform: translateZ(0) scale(1);
    position: relative;
    padding-top: 170px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.about-panel-content3 {
    width: 404px;
    padding: 40px;
    background: #383b43
}

.about-panel4,
.happening-panel1 {
    width: 100%;
    height: 100vh;
    position: relative
}

.about-panel4 {
    background: url(https://files.reva.ac.in/assets/frontend/images/award.png) center/cover no-repeat fixed;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    padding-top: 170px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.happening-panel1 {
    background: url(https://files.reva.ac.in/assets/frontend/images/news.png) center/cover no-repeat fixed
}

.happening-panel-content1 h1,
.happening-panel-content1 h2,
.happening-panel-content2 h2,
.happening-panel-content3 h2 {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 2.3rem;
    padding-bottom: 30px;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    color: #fff
}

.ece-study-at .bowse-by ul li {
    width: 41%;
    display: inline-block;
    vertical-align: top;
    padding: 3px 0
}

.happening-box1 p,
.happening-box2 p,
.happening-box3 p {
    color: #fff;
    font-size: 1.8rem;
    font-family: 'Roboto Slab', serif;
    font-weight: 300
}

.happening-box1 {
    background: #f57f26;
    padding: 45px;
    width: 450px;
    margin-top: 41px
}

.view-all-link a {
    color: #fff;
    border: 1px solid #fff;
    padding: 7px 15px;
    font-size: .9rem
}

.view-all-link a:hover {
    background: #fff;
    color: #000
}

.happening-title {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 15px
}

.happening-panel2 {
    background: url(https://files.reva.ac.in/uploads/images/68ac2e00c5ba81756114432.webp) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 150px 0
}

.happening-box2 {
    background: #009ad9;
    padding: 45px;
    width: 450px;
    float: right
}

.happening-panel3 {
    background: url(https://files.reva.ac.in/assets/frontend/images/activity.png) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 150px 0
}

.happening-box3 {
    background: #383b43;
    padding: 45px;
    width: 450px;
    margin-top: 41px
}

.contact-panel1 {
    background: url(https://files.reva.ac.in/assets/frontend/images/contact-new.jpg) center/cover no-repeat fixed;
    width: 100%;
    height: 550px;
    position: relative;
    padding: 150px 0
}

.contact-reva {
    padding: 40px;
    background: #f57f26;
    text-align: center
}

.office-adm,
.office-hours {
    width: 400px;
    border: 1px solid #fff;
    padding: 30px;
    margin: 0 10px;
    text-align: center
}

.caontact-panel-content1.aos-init.aos-animate h2 {
    padding-bottom: 25px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 2.3rem
}

.contact-reva h1,
.contact-reva h3 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 30px;
    font-size: 1.75rem
}

.contact-reva p {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 1.1rem;
    padding: 0 290px
}

.courses-tab .nav-tabs .nav-link,
.office-adm h4,
.office-hours h4 {
    font-size: 1.25rem;
    font-family: 'Roboto Slab', serif
}

.contact-reva ul li,
.office-adm h4,
.office-hours h4 {
    padding: 0 20px;
    color: #fff
}

.contact-reva ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none
}

.contact-reva ul li a {
    color: #fff;
    font-size: .95rem;
    margin: 0 7px;
    font-weight: 300
}

.office-adm {
    display: inline-block;
    vertical-align: top
}

.contact-reva .office-hours ul li {
    padding: 0;
    display: block
}

.contact-reva .office-hours ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    width: 100%;
    display: block;
    margin: -20px 0 0
}

.office-adm h4 {
    text-align: center;
    position: relative;
    background: #f57f26;
    display: inline-block;
    top: -45px;
    font-weight: 300
}

.office-hours h4 {
    text-align: center;
    position: relative;
    background: #f57f26;
    display: inline-block;
    top: -45px;
    margin-bottom: 0;
    font-weight: 300
}

.office-panel {
    padding: 50px
}

.office-hours ul li span {
    font-size: .9rem;
    text-align: left;
    font-weight: 300
}

.office-hours ul li span:first-child {
    width: 51%;
    display: inline-block
}

.office-hours ul li span:nth-child(2) {
    width: 45%;
    display: inline-block
}

.office-adm p {
    margin-top: -13px;
    margin-bottom: 10px;
    padding: 0
}

.contact-reva ul {
    margin: 26px
}

section.contact-panel2 {
    margin-top: -300px;
    position: relative
}

section.contact-panel3 {
    padding: 70px 0 0
}

section.contact-panel3 h3 {
    margin-bottom: 32px;
    font-family: 'Roboto Slab', serif
}

section.contact-panel3 ul h4 {
    font-size: 1.1rem;
    margin-bottom: 15px
}

.profile-panel {
    background: #fdebe7;
    padding: 10px 20px;
    margin-bottom: 20px;
    color: #333;
    font-size: 1rem
}

.contact-pan a {
    font-size: .8rem;
    color: #000;
    padding: 0 10px
}

.contact-pan a img {
    margin-right: 5px
}

section.contact-panel4 {
    padding: 30px 30px 50px
}

section.contact-panel4 p {
    font-size: .8rem;
    line-height: 1.8;
    color: #666
}

.ece-placement-at.placement-at.ece-faculty-eng,
.ece-placement-at.placement-at.ece-faculty-eng .text-placement {
    background: #f9a455
}

.ece-placement-at.placement-at.ece-faculty-eng .path-2 {
    width: 42%;
    position: absolute;
    right: -160px;
    top: -124px;
    left: inherit
}

.ece-placement-at.placement-at.ece-faculty-eng .placement-pic {
    position: absolute;
    right: 7px;
    bottom: -129px;
    width: 60%;
    top: inherit
}

.ece-about-university.home-about-university .home-about1 {
    bottom: 100px
}

body .placemnet-text-left .yellow-btn p {
    color: #60636d;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0
}

.testimonial-box {
    width: 470px;
    background: #009ad9;
    padding: 40px;
    float: right;
    position: absolute;
    bottom: 110px;
    right: 0
}

.testimonial-box h2 {
    color: #fff;
    margin-bottom: 24px;
    font-family: 'Roboto Slab', serif
}

.testimonial-name {
    border-top: 1px solid #ffffff4a;
    border-bottom: 1px solid #ffffff4a;
    padding: 20px 0;
    margin: 30px 0
}

.career-apply,
.career-opening,
.career-test-detail,
.couse-pan {
    padding: 30px
}

.testimonial-name h4 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    margin-bottom: 20px
}

.testimonial-name h5 {
    color: #fff;
    font-size: 1rem;
    font-weight: 300
}

.home-happening.faculty-happening .path-1 {
    width: 50%;
    position: absolute;
    left: -300px;
    bottom: -124px;
    top: inherit
}

section.inner-head-panel {
    padding: 100px 0;
    background: #60636d;
    height: 272px;
    overflow: hidden
}

section.inner-head-panel h1 {
    color: #fff;
    padding: 60px 0;
    font-size: 2.5rem;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase
}

section.inner-head-panel .path-3 {
    width: 34%;
    position: absolute;
    top: 0;
    right: 0;
    float: right
}

section.course-list-section {
    padding: 70px 0
}

.courselist-menu {
    background: #eee1d8;
    padding: 30px
}

.courselist-menu h2 {
    font-size: 1rem;
    margin-bottom: 12px;
    font-weight: 600
}

.courselist-menu ul li a {
    color: #333;
    display: block;
    padding: 3px 0;
    font-size: .9rem
}

.courselist-menu ul li a.active {
    color: #000;
    font-weight: 600
}

.courselist-menu ul {
    list-style: none;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .courses-tab .nav-tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .courses-tab .card {
        border: none
    }

    .courses-tab .card .card-header {
        display: none
    }

    .courses-tab .card .collapse {
        display: block
    }
}

.courses-tab .nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 1px solid #f7941e;
    color: #0096a1;
    padding-bottom: 28px
}

.courses-tab .nav-tabs .nav-link:hover {
    background: 0 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #f7941e;
    border-left: 0;
    color: #0096a1
}

.courses-tab .nav-tabs .nav-item.show .nav-link {
    border: 0;
    background: 0 0
}

.courses-tab .nav-tabs .nav-link {
    border: 0;
    border-bottom: 1px solid #0000;
    color: #666;
    font-weight: 500;
    border-left: 0;
    border-radius: 0;
    position: relative;
    line-height: .5;
    padding-bottom: 28px
}

.courses-tab .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 0
}

.courses-names h2 {
    font-size: 1.2rem;
    margin-bottom: 30px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    color: #383b43
}

.couse-pan h5 {
    font-size: 1rem;
    color: #333;
    font-weight: 600
}

.couse-pan p {
    color: #000;
    font-size: .95rem;
    margin: 0
}

.couse-pan:nth-child(odd) {
    background: #fdebe74f
}

.couse-pan {
    position: relative;
    margin-bottom: 20px
}

.couse-pan .read-more {
    position: absolute;
    right: 30px;
    bottom: 30px
}

.couse-pan .read-more a {
    background: #fff;
    color: #000;
    -webkit-box-shadow: 0 2px 7px #5858582b;
    box-shadow: 0 2px 7px #5858582b
}

.courses-tab .card-body {
    padding: 30px 0
}

.courses-tab .nav-tabs .nav-link:after {
    position: absolute;
    content: "";
    background: #666;
    width: 1px;
    height: 22px;
    right: 0;
    top: 4px
}

.career-panel1 {
    background: #60636d;
    margin-top: -100px
}

.career-panel1 h3 {
    font-size: 2.5rem;
    color: #fff;
    margin-top: 100px;
    font-family: 'Roboto Slab', serif;
    position: relative;
    padding: 50px 0
}

.career-panel1 h3:before {
    content: "";
    width: 80px;
    height: 1px;
    position: absolute;
    background: 0 0;
    top: 0
}

section.career-panel2 {
    padding: 180px 0 100px
}

section.career-panel1 img {
    position: relative;
    top: 100px
}

section.career-panel2 p {
    font-size: .9rem;
    color: #666;
    line-height: 1.8
}

section.career-panel2 h6 {
    border-top: 1px solid #fdebe7;
    text-align: center;
    padding: 50px 100px;
    margin: 50px 0 20px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5;
    font-family: 'Roboto Slab', serif
}

section.career-panel2 h6 a {
    font-weight: 700;
    color: #000
}

.contact-hr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact-hr h4 {
    font-size: 1.1rem;
    margin: 0 20px;
    font-weight: 600
}

.contact-email a,
.contact-phone a {
    color: #333;
    margin: 0 1px;
    font-size: .95rem
}

.contact-email,
.contact-phone {
    font-size: .95rem;
    margin: 0 15px;
    color: #333
}

.doen-resume {
    font-size: .95rem;
    margin: 0 10px
}

.doen-resume a {
    color: #000;
    margin: 0 1px;
    font-size: .95rem;
    background: #febe10;
    text-transform: uppercase;
    padding: 12px 11px 12px 12px;
    font-weight: 600
}

.doen-resume a img {
    margin-left: 10px
}

section.career-testimonial {
    padding: 50px 30px;
    background: #f9a455
}

.career-test-detail h2 {
    font-size: 1.8rem;
    margin-bottom: 4px;
    font-family: 'Roboto Slab', serif
}

.career-test-detail h6 {
    font-size: .8rem
}

.career-test-detail h4 {
    display: inline-block;
    background: #f37121;
    font-size: 1rem;
    padding: 5px 10px;
    margin: 0 0 7px
}

.career-test-detail p {
    font-weight: 300;
    font-size: 1.5rem
}

.career-testimonial .owl-nav button span {
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    border: 1px solid #fff
}

section.career-testimonial .owl-nav {
    position: absolute;
    left: 411px;
    bottom: 10px
}

.career-opening h3:after,
.media-cover-detail .read-more {
    bottom: 0;
    position: absolute
}

section.career-current-opening {
    background: #71c0ca;
    padding: 100px 0
}

section.career-current-opening h2 {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 50px;
    font-family: 'Roboto Slab', serif
}

.career-apply {
    background: #fdebe7;
    position: relative
}

.career-opening h3 {
    font-size: 1.4rem;
    margin-bottom: 25px;
    position: relative;
    color: #0096a1;
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    min-height: 9rem
}

.apply-now a,
.place-current,
.years-current {
    font-size: 14px
}

.career-opening img {
    width: 30px;
    height: 30px;
    margin-right: 20px
}

.apply-now a {
    background: #febe10;
    padding: 10px 24px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600
}

.happen-media-coverage.press-cover h2,
.media-cover-detail h2,
.placement-panel7 h2 {
    font-weight: 400;
    font-family: 'Roboto Slab', serif
}

.career-apply .read-more {
    position: absolute;
    right: 30px;
    top: 15px
}

.career-apply .read-more a {
    border: 1px solid #333;
    color: #333;
    border-radius: 0
}

.career-opening h3:after {
    content: "";
    width: 50px;
    height: 2px;
    background: #febe10;
    left: 0
}

.career-apply .read-more a:hover {
    background: #fff;
    color: #333
}

#loadMore {
    width: 200px;
    color: #000;
    display: block;
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    font-family: 'Roboto Slab', serif
}

#loadMore:hover {
    text-decoration: none
}

.noContent {
    color: #000 !important;
    background-color: transparent !important;
    pointer-events: none
}

.career-current-opening .col-md-4 {
    display: none;
    margin-bottom: 30px
}

.placement-panel7 {
    padding: 90px 0
}

.placement-panel7 h2 {
    font-size: 1.8rem;
    padding-bottom: 20px;
    text-align: center
}

.placement-panel7 .owl-nav button span {
    display: inline-block;
    margin-right: 10px;
    color: #333;
    border: 1px solid #333
}

.placement-panel7 .owl-nav {
    text-align: center
}

section.happening-panel4 {
    background: #d8d5d4;
    padding: 80px 0 150px
}

.media-cover-detail h2 {
    font-size: 1.2rem;
    margin: 10px 0;
    line-height: 1.4;
    color: #000
}

.happening-panel4 h1,
section.List-Guides h3,
section.Thrust-Research h3,
section.reva-research-1 h4 {
    font-weight: 600;
    font-family: 'Roboto Slab', serif
}

.happen-media-coverage.press-cover h2 {
    font-size: 2.4rem;
    margin: 10px 0 60px;
    line-height: 1.2
}

.happening-panel4 h1 {
    font-size: 1.3rem;
    margin: 0 0 20px;
    line-height: 1.4;
    color: #333
}

.happening-panel4 .read-more a,
.media-cover-detail .read-more a {
    border: 1px solid #333;
    color: #333
}

.view-all {
    margin: 10px 0 0
}

.media-cover-detail {
    margin-bottom: 2rem;
    height: 300px;
    position: relative;
    padding: 20px
}

.happen-media-coverage.notifiaction-cover .media-cover-detail {
    padding-bottom: 8px
}

.happen-media-coverage.notifiaction-cover .read-more {
    padding: 0 30px;
    margin-bottom: 20px
}

.happen-media-coverage.notifiaction-cover .view-all {
    padding: 0 30px
}

.parallax-image {
    overflow: hidden
}

.parallax-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.audotoria_Sections section.tab_accordian li a {
    font-family: 'Roboto Slab';
    font-size: 20px;
    color: #000
}

.audotoria_Sections .responsive-tabs-container.accordion-xs.accordion-sm {
    padding: 20px 0
}

section.reva-research-1 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(74%, #fdebe7), color-stop(74%, #60636d));
    background: linear-gradient(0deg, #fdebe7 74%, #60636d 74%);
    padding: 0
}

.reva-research-text blockquote {
    color: #fff;
    font-family: 'Roboto Slab', serif
}

.reva-research-text2 p {
    color: #666;
    font-size: 15px
}

.reva-research-text2 {
    padding: 60px 0
}

section.reva-research-1 h4 {
    font-size: 20px;
    padding: 0 0 60px
}

section.Thrust-Research {
    padding: 90px 0;
    text-align: center
}

section.Thrust-Research h3 {
    margin-bottom: 50px;
    padding-bottom: 35px;
    position: relative;
    color: #383b43;
    font-size: 35px
}

section.Thrust-Research h3:after {
    content: "";
    width: 100px;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #f57f26;
    left: 0;
    right: 0;
    margin: auto
}

section.Thrust-Research h4 {
    border: 1px solid #ddd;
    padding: 24px 45px;
    font-size: 18px;
    margin-bottom: 30px;
    min-height: 116px
}

section.Thrust-Research .col-md-4:first-child h4 {
    border-color: #f37121
}

section.Thrust-Research .col-md-4:nth-child(2) h4 {
    border-color: #009ad9
}

section.Thrust-Research .col-md-4:nth-child(3) h4 {
    border-color: #0096a1
}

section.Thrust-Research .col-md-4:nth-child(4) h4 {
    border-color: #0096a1;
    min-height: inherit
}

section.Thrust-Research .col-md-4:nth-child(5) h4 {
    border-color: #009574;
    min-height: inherit
}

section.Thrust-Research .col-md-4:nth-child(6) h4 {
    border-color: #b33c76;
    min-height: inherit
}

section.Thrust-Research .col-md-4:nth-child(7) h4 {
    border-color: #007ca7;
    min-height: inherit
}

section.Thrust-Research .col-md-4:nth-child(8) h4 {
    border-color: #f7941e;
    min-height: inherit
}

section.Thrust-Research .col-md-4:nth-child(9) h4 {
    border-color: #0671ff;
    min-height: inherit
}

.sc-table.table-list-panel td,
.sc-table.table-list-panel th {
    text-align: left;
    width: 25%;
    font-size: 15px
}

.sc-table.table-list-panel td:first-child {
    text-align: left;
    width: 5%
}

section.List-Guides h3 {
    margin-bottom: 10px;
    padding-bottom: 35px;
    position: relative;
    color: #383b43;
    font-size: 35px;
    text-align: center
}

section.about-dream.reva-Established {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(71%, #fff), color-stop(71%, #60636d));
    background: linear-gradient(0deg, #fff 71%, #60636d 71%)
}

section.about-dream.reva-Established .bulding-dream h2 {
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: 500
}

section.about-dream.reva-Established .bulding-dream p {
    font-size: 18px
}

.ece-life-at-reva .life-at-text {
    margin: 30px 0 0
}

.ece-life-at-reva .life-at-text .read-more {
    margin: 26px 0 0
}

.home-ece-tie-up {
    background: #fff;
    padding: 10px 0
}

.home-ece-tie-up h3 {
    font-size: 2.3rem;
    border-right: 1px solid #000;
    margin-right: 38px;
    line-height: 1.2;
    width: 30%;
    font-family: 'Roboto Slab', serif;
    font-weight: 500
}

.en-page-dept .about-overvw-image {
    position: absolute;
    top: -700px;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0
}

.en-page-dept .about-over-orng {
    background-color: #fdebe7;
    padding: 80px 0;
    margin-top: 443px
}

.en-page-dept .about-overvw-image h1 {
    position: absolute;
    z-index: 999;
    top: 350px
}

@media (max-width:767px) {
    .courses-tab .tab-content>.tab-pane {
        display: block !important;
        opacity: 1
    }

    .en-page-dept .about-overvw-image h1 {
        top: 200px !important;
        color: #fff !important;
        font-size: 18px !important
    }

    .en-page-dept .about-over-orng {
        margin-top: 0 !important;
        padding: 33px 0
    }

    .en-page-dept .about-overvw-image {
        top: -270px
    }
}

@media screen and (min-width:1920px) {
    .en-page-dept .about-over-orng {
        padding: 377px 0 50px
    }
}

@media (min-width:990px) {
    .d-eng_main .table {
        table-layout: fixed
    }
}

section.career-testimonial.student-affairs .owl-nav {
    bottom: -50px
}

.study-at ul li {
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    color: #000
}

.study-at .h5,
h5 {
    font-size: 15.2px;
    font-family: 'Roboto Slab', serif;
    color: #000
}

.study-at .h3,
h3 {
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    color: #f9a455
}

.study-at h5.mt-5 {
    margin-top: 1.5rem !important
}

button.pagination-btn {
    padding: .1rem .3rem;
    margin-right: .3rem;
    margin-bottom: .2rem;
    border: 1px solid #ccc;
    color: #777
}

button.pagination-btn.current {
    color: #000;
    border-color: #333
}

button.pagination-btn:hover {
    color: #000;
    border-color: #000
}

.youtubediv {
    padding-bottom: 60px
}

.events_section {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #0096a14f;
    background: #fff;
    margin: 10px auto;
    padding: 1rem
}

.shine {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.shine::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .4) 100%);
    transform: skewX(-25deg);
    z-index: 1
}

.shine:hover::before {
    animation: .85s ease-out shine
}

@keyframes shine {
    100% {
        left: 150%
    }
}

.research-panel1_end {
    background: url(https://files.reva.ac.in/uploads/images/6808b6d39d4691745401555.webp) center/cover no-repeat fixed;
    width: 100%;
    height: 100vh;
    position: relative
}

.lefe-reva-content1 h2 {
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-size: 3rem;
    margin-bottom: 40px;
    max-width: 740px;
    line-height: 1;
    text-transform: none
}

.corporate_sec .abhivyakti_report.education,
.corporate_sec h3.pt,
.pragnas_img h3 {
    color: #212529
}

.courses-names .couse-paan:nth-child(2n) {
    background-color: #f9f9f9
}

.courses-tab .nav-tabs {
    margin-left: 20px
}

.happening-panel4 h5.e-text {
    font-size: 22px;
    font-family: 'Roboto Slab', serif;
    color: #000;
    margin-bottom: 1rem
}

.life_academic_box.inner-life-reva-panel3-left {
    float: left !important
}

.life_academic_box.inner-life-reva-panel3-right {
    float: right !important
}