#banner {

    background-image: url('../images/images2/btec-bg.png');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    height: 300px;

    text-align: center;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

#banner .heading {

    margin: 0;

}

#banner h2, #banner p {

    color: #fff;

}

.overview-area {

    padding: 50px 0;

    background-color: #3949ab;

    background-image: url(../images/images2/Overviewbg.png);

    background-repeat: no-repeat;

}
.box-card img {
    width: 100%;
}
.box-card {
    background: #313e92;
    padding: 20px;
border-radius: 20px;
}
.box-card h2 {
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.overview-area .placement-inner-img:after {

    display: none;

}

.overview-bx .heading h2 {

    color: #3949ab;

}

.overview-bx .heading p {

    color: #494949;

}

.overview-data h2, .overview-data span, .overview-data p {

    color: #3949ab;

}

.overview-data {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}

.overview-data p {

    margin-left: 10px;

    margin-bottom: 0;

}

.overview-inner-img {

    padding: 0;

    height: auto;

}







#branches .tab {

    overflow: hidden;

    border: 1px solid #ccc;

    background-color: #3949ab;

    display: flex;

    align-items: center;

    justify-content: center;

}

.tab button {

    background-color: inherit;

    float: left;

    border: none;

    outline: none;

    cursor: pointer;

    padding: 14px 12px;

    transition: 0.3s;

    font-size: 16px;

    color: #fff;

    font-family: 'Century751BT-BoldB';

    width: auto;

}

/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #ffa500;

}



/* Create an active/current tablink class */

.tab button.active {

    background-color: #ffa500;

    color: #3949ab;

}



/* Style the tab content */

.tabcontent {

    display: none;

    padding: 6px 12px;

    background: #e4e4e4;

}

#branches {

    padding: 80px 0;

}

#branches button.owl-next {

    width: 25px;

    height: 25px;

    border-radius: 100px;

    font-size: 15px;

    line-height: 26px;

    color: #3949ab;

    background-color: #ffa500;

    border: none;

}

#branches ul {

    list-style-type: none;

    padding: 0 !important;

}

#branches ul li {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}

#branches ul li .heading {

    margin: 0;

}

#branches ul li .heading p {

    margin: 0;

    margin-right: 10px;

    font-weight: bold;

}

#branches .tabcontent {

    padding: 40px 40px 0;

}

.w-85 {

    width: 85%!important;

}

.tab-c-img img {

    margin-bottom: -30px;

}





#success-stories {

    padding: 80px 0 0;

    background-color: #3949ab;

    background-image: url(../images/images2/Overviewbg.png);

    background-repeat: no-repeat;

}

.slide-box {

    background: #fff;

    padding: 20px;

}

.slide-box h3.name {

    color: #3949ab;

}

.logo {

    margin: 10px 0;

}





.sucessthumb {

    position: relative;

    padding: 0px 50px;

    bottom: -67px;

}



.swiper-button-next, .swiper-button-prev {

    position: absolute;

    top: 63%;

    transform: translateY(-50%);

    z-index: 10;

    width: 40px;

    height: 40px;

    background-color: #ffa500;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.swiper-button-prev {

    left: 0; /* Left side thumbnail ke bahar */

}



.swiper-button-next {

    right: 0; /* Right side thumbnail ke bahar */

}



/* If you want custom icons, replace Swiper's default arrows */

.swiper-button-next::after,

.swiper-button-prev::after {

    font-size: 18px;

    color: #3949ab;

}



#logos {

    margin: 130px 0 0;

}

#logos .col-lg-2 {

    padding: 9px;

    width: 14.28% !important;

}

#faculty {

    padding: 80px 0;

}

#branches.faculty {

    padding: 80px 0 0;

}

.faculty .tabcontent {

    display: none;

    padding: 6px 12px;

    background-image: url('../images/images2/faculty-bg-blue.png');

    background-position: center;

    background-size: cover;

}

#branches.faculty .tab {

    border: none;

    background-color: #29399c;

}

.sucessstory2 .swiper-slide .col-md-6 {

    padding: 0;

}

.sucessstory2 .swiper-slide .slide-box.slide-box {

    border-left: 3px solid #ffa500;

}



.sucessstory2 .swiper-slide .row {

    margin: 0;

}

.sucessstory2 .swiper-slide .col-md-6 img {

    border-radius: 20px;

}

.slide-box .profile {

    color: #3949ab;

}

.faculty .tabcontent {

    padding: 40px !important;

}

#events {

    padding: 80px 0 0;

    background-color: #3949ab;

    background-image: url(../images/images2/Overviewbg.png);

    background-repeat: no-repeat;

}

.text-box p {

    color: #b4aaaa;

    margin-bottom: 10px;

}

.text-box h3 {

    margin-bottom: 10px;

    font-size: 24px;

    font-weight: 400;

    color: #3949ab;

}

.text-box .p-text {

    color: #000;

}

#jaypee-last {

    padding: 80px 0;

}

#jaypee-last marquee img {

    width: 200px;

}

#Innovate {

    padding: 50px 0;

}

#Innovate .bgblue {

    background: #3949ab;

    padding: 20px 60px;

}

.bgimginnovate {

    padding: 70px 30px;

    background-image: url(../images/images2/Overviewbg.png);

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 20px;

}

.student_speak_slider .slide-data {
    background: #e6e6e6;
    padding: 77px 15px 20px;
    text-align: center;
    border-radius: 25px;
    height: 480px
}

.p-image {

    text-align: center;

}

.p-image img {
    width: 42%;
    margin-bottom: -15%;
}
.student-data h3 {

    font-size: 21px;

    color: #4452ae;

}

.student-data img {

    margin: 15px 0;

    width: 90px;

}

.student-slider {

    position: relative;

    padding-bottom: 40px;

}

.student-slider::after {

    background: #3949ab;

    content: "";

    position: absolute;

    width: 100%;

    height: 320px;

    left: 0;

    bottom: 0;

    padding-bottom: 40px;

}

#mission {

    margin-top: 10px;

}

.bgblue {

    background: #2d3d9f;

}

.bgblue .heading {

    margin: 0;

}

.bgblue .text-white h2 {

    color: #fff;

    text-align: right;

}

.bgblue .bd-right {

    border-right: 4px solid #ffa500;

}

.bgblue {

    background: #2d3d9f;

    padding: 10px 0;

}

.bgblue .heading p {

    color: #fff;

}

.missionbgimage {
    background-image: url('../images/images2/missionbg.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
   
    display: flex;
    align-items: center;
    padding: 50px 0;
}

.missionbgimage .heading {

    margin: 0;

}

.bgwhite {

    background: #fff;

    border-radius: 30px;

    padding: 50px 30px;

}
section#student_speak {
    padding: 50px 0;
}

#activities {

    padding: 40px 0  0;

    background: #fdfdfd;

}

#training {

    padding: 30px 0;

}

#training .heading.text-right {

    text-align: right;

}

#training .heading.text-right h2 {

    max-width: 63%;

    margin-left: auto;

}

#training .col-md-6.pimg-boxes {

    padding: 0;

}

#training .col-md-6.pimg-boxes.p2img {

    margin-top: -62px;

    margin-left: -54px;

}

#training .bgcolorgrey {

    position: relative;

}

#training .bgcolorgrey::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 94px;

    background: #e9ebf5;

    bottom: 11px;

    left: 0px;

    border-radius: 0 0 30px 30px;

    z-index: -1;

}

.majorbg {

    background: #efefef;

    padding: 50px 0;

}

.majaorslider .swiper {

    width: 56%;

    height: 510px;

}

.majaorslider .swiper-slide {

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 18px;

    font-size: 22px;

    font-weight: bold;

    color: #fff;

}



.logobg {

    background: #fff;

    padding: 25px 20px;

    border-radius: 11px;

}

.majorbg .col-md-3 {

    padding: 5px 5px;

}

.recent_palacement_heading .heading h2 {
    color: #fff;
    background: #3949ab;
    display: inline-block;
    padding: 10px;
    margin: 0;
    position: relative;
    z-index: 99;
}

#recent_palacement {

    margin-top: 80px;

    background-image: url('../images/images2/bg-2.png');

    background-size: cover;

    background-position: center;

    margin-bottom: 70px;

}

.recent_palacement_heading .heading {

    position: relative;

}

.recent_palacement_heading .heading::after {

    content: "";

    position: absolute;

    RIGHT: 0;

    top: 28px;

    height: 5px;

    width: 61%;

    background: #ffa500;

}

.studentbox p.package {

    margin: 0;

    font-weight: bold;

    text-align: left;

}

.c-logo h3 {

    text-align: left;

    color: #ffa500;

    font-weight: bold;

    font-size: 26px;

    margin: 0;

}

.c-logo img {

    width: 50px !important;

    margin:20px;

    display: block;

}

.studentbox p.s-name {

    color: #3949ab;

    font-weight: bold;

    margin-top: 5px;

}

.studentbox .col-md-5 {

    padding-right: 0;

}

#recent_palacement .col-md-4, #recent_palacement .col-md-6, #recent_palacement .col-lg-3 {
    border:2px solid #3949ab;
}
.place-main .studentbox img {
    height: 170px;
    object-fit: cover;
}
.place-main .studentbox h4 {
    font-size: 16px;
}

.studentbox {

    padding: 20px 0;

}

.row.bdtop {

    border: 2px solid #3949ab;

}

.studentbox.bgstudent {

    background: #eeeeee;

    padding: 13px 15px;

    border-radius: 0 0 45px 0;

    margin-bottom: 25px;

}

.bgstudent p.s-name {

    margin-bottom: 0;

}

.colwid .col-md-3 {

    width: 20%;

}

.event-sec {

    padding: 80px 0;

}

#life-jaypee {

    background: #3949ab;

    padding: 80px 0;

}

#life-jaypee .heading h2, #life-jaypee .heading p {

    color: #fff;

}

#life-jaypee .col-md-4 {

    padding: 5px;

}

.bdy {

    border: 3px solid #d49a4a;

}

.mlminus {

    margin-left: -80px;

}

.mrminus {

    margin-right: -80px;

    z-index: 1;

    position: relative;

}

.mtminus {

    margin-top: -53px;

}

img.callimg {

    width: 15%;

}

p.contacttext {

    font-size: 26px;

    font-weight: 500;

}

.formside {

    background: #f9f9f9;

    box-shadow: 7px 4px 6px #0000001a;

    padding: 40px;

}

section#formmapsection {

    padding: 80px 0;

}

.map-side {

    background: #3949ab;

    border-radius: 0 40px 40px 0;

    padding: 40px 0;

}

.map-side .heading h2 {

    color: #fff;

    text-align: center;

}

.railwaytime {

    text-align: center;

    margin-top: -36px;

}

.railwaytime h3 {

    background: #ffa500;

    display: inline-block;

    margin: 0 auto;

    color: #3949ab;

    padding: 15px;

    border-radius: 15px;

    text-decoration: underline;

}

.tollfree {

    padding-top: 60px;

}

.tollfree h3 span {

    font-size: 15px;

}

.tollfree h3 {

    color: #ffa500;

    margin-bottom: 30px;

}

.tollfree p {

    color: #fff;

    font-size: 22px;

}

#important-contact {

    background-image: url('../images/images2/Overviewbg.png');

    background-size: cover;

    background-position: center;

    text-align: center;

}

#important-contact h3.text-center {

    background: #3949ab;

    display: inline-block;

    color: #fff;

    padding: 15px;

    border-radius: 0 0 15px 15px;

    position: relative;

}

#important-contact h3.text-center::before {

    content: "";

    position: absolute;

    background: #ffa500;

    height: 5px;

    width: 604px;

    right: 100%;

    top: 27px;

}

#important-contact h3.text-center::after {

    content: "";

    position: absolute;

    background: #ffa500;

    height: 5px;

    width: 604px;

    left: 100%;

    top: 27px;

}

.formside input, textarea {

    background: #ededed;

    border: none;

    margin-bottom: 15px;

    width: 100%;

    padding: 15px;

    font-size: 20px;

}

.formside form {

    margin-top: 77px;

}

.formside input[type="submit"] {

    background: #3949ab;

    color: #fff;

    font-size: 24px;

    width: 45%;

    border-radius: 50px;

    padding: 7px;

}

.msctab button {

    width: 33.33%;

}

.tab button span {

    font-size: 9px;

}

.event-pad {

    padding: 50px 0;

}

.btechcse .swiper-slide .col-md-6 img {

    border-radius: 20px;

}

.btechcse .swiper-slide .slide-box.slide-box {

    border-left: 3px solid #ffa500;

}

.btechcse .swiper-slide .col-md-6 {

    padding: 0;

}

.btechcse .swiper-slide .row {

    margin: 0;

}



.btechce .swiper-slide .col-md-6 img {

    border-radius: 20px;

}

.btechce .swiper-slide .slide-box.slide-box {

    border-left: 3px solid #ffa500;

}

.btechce .swiper-slide .col-md-6 {

    padding: 0;

}

.btechce .swiper-slide .row {

    margin: 0;

}



.btechcivil .swiper-slide .col-md-6 img {

    border-radius: 20px;

}

.btechcivil .swiper-slide .slide-box.slide-box {

    border-left: 3px solid #ffa500;

}

.btechcivil .swiper-slide .col-md-6 {

    padding: 0;

}

.btechcivil .swiper-slide .row {

    margin: 0;

}



.btechME .swiper-slide .col-md-6 img {

    border-radius: 20px;

}

.btechME .swiper-slide .slide-box.slide-box {

    border-left: 3px solid #ffa500;

}

.btechME .swiper-slide .col-md-6 {

    padding: 0;

}

.btechME .swiper-slide .row {

    margin: 0;

}



.mscChemistry .swiper-slide .col-md-6 img {

    border-radius: 20px;

}

.mscChemistry .swiper-slide .slide-box.slide-box {

    border-left: 3px solid #ffa500;

}

.mscChemistry .swiper-slide .col-md-6 {

    padding: 0;

}

.mscChemistry .swiper-slide .row {

    margin: 0;

}



.mscPhysics .swiper-slide .col-md-6 img {

    border-radius: 20px;

}

.mscPhysics .swiper-slide .slide-box.slide-box {

    border-left: 3px solid #ffa500;

}

.mscPhysics .swiper-slide .col-md-6 {

    padding: 0;

}

.mscPhysics .swiper-slide .row {

    margin: 0;

}



.phdhuman .swiper-slide .col-md-6 img {

    border-radius: 20px;

}

.phdhuman .swiper-slide .slide-box.slide-box {

    border-left: 3px solid #ffa500;

}

.phdhuman .swiper-slide .col-md-6 {

    padding: 0;

}

.phdhuman .swiper-slide .row {

    margin: 0;

}

#logos img {

    filter: grayscale(1);

}

#logos img:hover {

    filter: none;

}

#Governing_Body_Members {
    padding: 100px 0 200px;
    background-image: url('../images/images2/G-bg-img.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.Governing_Body_Members_blue {
    background-image: url('../images/images2/memberblue.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 240px;
    display: flex;
    align-items: center;
    margin-top: 250px;
}
.member_box {
    background-image: url('../images/images2/mboxbg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding: 0 0;
    box-shadow: 0px 2px 10px 0px #00000026;
}
.member_box img {
    width: 65%;
    margin-top: -125px;
    margin-bottom: 45px;
}
.member_box h5:nth-child(1) {
    margin: 0;
}
.text-orange {
    color: #ffa500;
    margin-bottom: 30px;
}
.member_box .memberbluepoint img {
    margin: 0 auto;
    width: auto;
}

.blue-mt-50 {
    margin-top: 380px;
}
.container.blue-mt-30 {
    margin-top: 150px;
}
.blue-mt-20 {
    margin-top: 299px;
}
#simplecontent {
    padding: 30px 0;
    padding-bottom: 90px;
}
.simple-table th {
    text-align: center;
    vertical-align: text-bottom;
}
#simplecontent .text-right {
    text-align: right !important;
}
.c-details .col-md-2 {
    width: 20%;
}


@media(max-width:767px){
    .simple-table table.table.table-bordered {
        display: block;
        overflow: scroll;
    }
    #simplecontent {
    padding: 30px 0;
    padding-bottom: 110px;
}
    .blue-mt-50 {
        margin-top: 180px;
    }
    #Governing_Body_Members {
        padding: 80px 0;
    }
    .Governing_Body_Members_blue {
        margin-top: 170px;
        height: auto;
    }
    .member_box {
        margin-bottom: 160px;
        padding: 0 15px;
    }
    .Governing_Body_Members_blue .col-md-4.col-12:nth-child(3) .member_box {
        margin-bottom: 0 !important;
    }
    .text-orange {
        margin-bottom: 20px;
    }
    .member_box img {
        margin-bottom: 15px;
    }
    .bgwhite {
        background: #fff;
        border-radius: 30px;
        padding: 25px 15px;
    }

    
.overview-bx .col-6 {
    width: 100%;
}
.overview-bx .col-6 .usp_box h2 {
    font-size: 24px;
}
.overview-bx .col-6 .usp_box span {
    font-size: 24px;
}
    .faculty .tabcontent {
    padding: 15px !important;
}
.slide-box {
    margin: 15px 0;
}
section.event-and-activite.mob-view.aos-init.aos-animate {
    padding-top: 30px;
}
    #logos .col-lg-2 {
    padding: 2px;
    width: 20% !important;
}
#logos .row:nth-child(2) {
    padding: 0 15px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

    .sucessthumb .swiper-button-prev, .sucessthumb .swiper-button-next {
    height: 20px;
    width: 20px;
    top: 87%;
}

    .mb-text-justify p {

    text-align: justify;

}

.event-pad {

    padding: 30px 0;

}    

#life-jaypee {

   

    padding: 30px 15px;

}

#life-jaypee .heading {

    margin: 0;

}

#life-jaypee .mlminus {

    margin-left: calc(var(--bs-gutter-x) * -.5);

}

.mtminus {

    margin-top: 0;

}

#life-jaypee .mrminus {

    margin-right: calc(var(--bs-gutter-x) * -.5);

}







#branches .tab {

    display: flex;

    flex-wrap: wrap;

}

#branches .tab button {

    width: 50%;

    font-size: 12px;

    padding: 10px 0;

}



.usp_box.count-up {

    position: unset;

    right: 0;

    top: -44px;

}

#branches .tabcontent {

    padding: 15px 15px 0;

}





 .sucessthumb {

    position: relative;

    padding: 20px 50px;

    bottom: -14px;

}

#logos {

    margin: 50px 0 0;

}

#branches.faculty {

    padding: 50px 0 0;

}

#events {

    padding: 50px 0 0;

}

#jaypee-last {

    padding: 50px 0;

}

}