/*==============fonts area ==============*/

@font-face {
    font-family: 'Century751BT-RomanNo2B';
    src: url('../fonts/Century751BT-RomanNo2B.woff2') format('woff2'),
        url('../fonts/Century751BT-RomanNo2B.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century751BT-No2ItalicB';
    src: url('../fonts/Century751BT-No2ItalicB.woff2') format('woff2'),
        url('../fonts/Century751BT-No2ItalicB.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Century751BT-BoldB';
    src: url('../fonts/Century751BT-BoldB.woff2') format('woff2'),
        url('../fonts/Century751BT-BoldB.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century751BT-BoldItalicB';
    src: url('../fonts/Century751BT-BoldItalicB.woff2') format('woff2'),
        url('../fonts/Century751BT-BoldItalicB.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


/*==============end fonts area ==============*/

body{
    font-family: "Inter", serif;
}

html, body{
    overflow-x: hidden;
}


ul{
	margin: 0px;
}
a{
	text-decoration: none;
}
button:focus, button:a{
	outline: none;
	box-shadow: none;
}
.form-control:focus{
    outline: none;
    box-shadow: none;
}

p {
    color: #000;
}
h1, h2, h3, h4, h5, h6{
    font-family: Century751BT-BoldB;
}
body {
    overflow-x: hidden;
    background-color: #fff;
}

html{
    scroll-behavior: smooth;
}
.p-50{
    padding: 50px 0px;
}
.btn-a {
    background: #fff;
    color: #023892;
    padding: 10px 22px 10px;
    display: inline-block;
    transition: all 1s ease-out;
    font-size: 15px;
    border-radius: 100px;
}


.btn-b {
    background: #ffa500;
    color: #FFF;
    padding: 11px 31px 11px;
    display: inline-block;
    border-radius: 48px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}
.btn-b:hover{
    color: #FFF !important;
}

.btn-c {
    background: #fff;
    color: #015aaf;
    padding: 7px 30px 7px;
    display: inline-block;
    border-radius: 8px;
    font-size: 15px;
    transition: background 1s ease-out;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 1px;
    border: solid 1px #015aaf;
}
.btn-c:hover{
    background: #015aaf;
    color: #FFF !important;
}

.btn-a:hover{
    color: #fff;
}
.jaypeeedu .btn-b{
padding: 10px 20px;
font-size: 15px;
}
.heading {
    margin-bottom: 30px;
}
.heading h3 {
    font-size: 33px;
    color: #000;
    font-weight: 400;
    margin-bottom: 4px;
}
.heading h3 img {
    margin-left: 20px;
}
.heading h2 {
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: 400;
    color: #3949ab;
}
.heading p {
    color: #000;
    margin-bottom: 10px;
}
.heading h2 span {
    background: linear-gradient(to right, #FF8A5B, #0FA3B1);
    background-clip: text;
    color: transparent;
}
.heading hr {
    width: 54px;
    height: 1px;
    background-color: #fff;
    opacity: 1;
    margin: 10px 0px;
    margin-bottom: 20px;
}

.heading.heading-center {
    text-align: center;
}
.heading.heading-center hr {
    margin: 10px auto 20px;
}
.heading.nr-head h2 {
    color: #fff;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    margin-bottom: 0px;
}
.heading.nr-head h3 {
    color: #fff;
    margin-bottom: 0px;
}



 .container-fluid{
    width: 93%;
}
.section-m {
    padding: 70px 0px;
}
.section-m-80{
    padding: 80px 0px;
}
.section-m-90{
    padding: 90px 0px;
}

.cstm-slide .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 0;
    top: 45%;
    left: -20px;
}
.cstm-slide .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 45%;
    right: -20px;
}
.cstm-slide .owl-carousel .owl-nav button.owl-next, .cstm-slide .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 42px;
    color: #3949ab;
    background-color: #ffa500;
}


/* ============= hader area ==============*/

.header-area {
    padding: 0px 0px;
    position: sticky;
    top: 0;
    background-color: #ffffff00;
    z-index: 999;
    box-shadow: 0px 0px 4px #e4008a17;
    width: 100%;
}

.header-area.fixed {
    position: fixed;
    width: 100%;
    animation: slideDown 0.35s ease-out;
    background-color: #ffffff;
}


@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}


.top-header {
    background-color: #475553;
    padding: 9px 0px;
}
.call-info ul li {
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    color: #fff;
}
.call-info ul li a {
    color: #fff;
    margin-left: 15px;
    font-size: 12px;
}
.call-info ul li a i {
    margin-right: 4px;
    color: #0FA3B1;
    font-size: 14px;
}
.call-info ul {
    padding-left: 0px;
}
.email-top a {
    font-size: 12px;
    color: #fff;
}
.email-top a i {
    margin-right: 0px;
}

.email-top {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nav-info a {
    margin-right: 39px;
    position: relative;
}
.nav-info a:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 43.45px;
    background-color: #000;
    left: -20px;
    top: -17px;
}
.nav-info a:first-child:after {
    display: none;
}


.head-social {
    padding: 0;
}
.head-social li {
    display: inline-block;
}
.head-social li a {
    background-color: #fff;
    color: #000;
    text-align: center;
    display: inline-block;
    border-radius: 90px;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 14px;
}
.head-search a i {
    color: #9f6862;
}
.head-search {
    margin-right: 23px;
}
.email-top span {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 7px;
}

.header-area .navbar-brand {
    padding: 10px 0px;
    position: relative;
}

.header-area .navbar-brand img {
    width: 600px;
}
.header-side {
    display: flex;
    align-items: center;
}
.jaypeeedu img{
    width: 100px;
}
    
/*.header-area .navbar-brand img {
    width: 185px;
}*/
.main-header .navbar-dark .navbar-nav .nav-link {
    color: #000000;
    font-size: 16px;
    transition: all 0.5s;
    padding: 33px 16px;
    position: relative;
    font-weight: 500;
}
.main-header .navbar-dark .navbar-nav .nav-link:hover{
    color: #fff;
    background-color: #3949ab;

}
.nav-link.dropbtn.megamenu-column-header:after {
    margin-left: 7px;
    font-family: "FontAwesome";
    content: "\f078";
    font-size: 11px;
}
.main-header .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}
.main-header #collapsibleNavbar {
    justify-content: end;
    align-items: center;
}
/*#collapsibleNavbar .navbar-nav {
    margin-right: 7vw;
}*/


.search-btn button {
    color: #fe7201;
    border: none;
    padding: 0;
    background-color: transparent;
    font-size: 26px;
    margin-right: 30px;
}

.menu-humburger button {
    background-color: #ffa500;
    border: none;
    padding: 32px 30px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.menu-humburger button i {
    font-size: 26px;
    margin-right: 10px;
    width: 20px;
}
.humburgerbtn .fa-solid.fa-xmark{
    display: none;
}
.humburgerbtn.humbtnopen .fa-solid.fa-xmark{
    display: block;
}
.humburgerbtn.humbtnopen .fa-solid.fa-bars{
    display: none;
}

.menu-humburger {
    position: absolute;
    right: 0;
}

/*search bar*/

.add-on .input-group-btn > .btn {
  border-left-width: 0;
  left: -2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #cccccc;
}
#hidden-search-box .form-control {
  width: 20%;
}


.flip-icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.hidden-search-box {
    display: none;
    position: absolute;
    background-color: rgb(254 114 1);
    height: 50px;
    width: 360px;
    z-index: 1000;
    right: 22vw;
    top: 92px;
}
.addon-btn {
    width: 50px;
    height: 50px;
    background-color: rgb(255 165 0);
    border: 0 none;
    margin-top: -5px;
    color: #ffffff;
}
.addon-text-box, .addon-text-box:active, .addon-text-box, .addon-text-box:focus {
    background-color: transparent;
    border: none;
    color: #ffffff !important;
    border-radius: 0;
    font-weight: 600;
    margin-left: calc(5px + 1.13em);
    margin-right: calc(5px + 1.13em);
}
.traingle {
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-left: 15px transparent solid;
    border-right: 15px transparent solid;
    border-bottom: 15px rgb(255 165 0) solid;
    float: right;
    margin-top: -10px;
    margin-right: 10px;
}
#hidden-search-box .form-control::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

#hidden-search-box .form-control::-ms-input-placeholder { /* Edge 12-18 */
  color: #fff;
}



/*======== mega menu ==========*/

.menu-megamenu {
    display: none;
    background-color: #3949ab;
    height: 100vh;
}

.menu-megamenu .container-fluid {
    width: 100%;
    padding: 0;
}
.menu-megamenu.menu-megamenu-open{
    display: block;
}
.megamenu-list {
    padding: 30px 0px 30px;
}
.megamenu-item {
    padding: 8px 50px 8px 80px;
    position: relative;
    transition: all 0.5s;
}
.megamenu-item:hover {
    background-color: #ffa500;
}
.megamenu-nav {
    padding: 0;
    list-style: none;
}
.megamenu-list .megamenu-link {
    font-family: Century751BT-BoldB;
    color: #fff;
    font-size:28px;
}


/*on hover dropdown*/
.mega-clm {
    padding-top: 10px;
    border-left: 0;
    padding-bottom: 10px;
}

.menu-megamenu .dropdown-content.cstm-drop-menu {
    width: 58vw;
    height: 100vh;
    border-left: solid 10px #ffa500;
    left: auto;
    right: 0;
    top: 92px;
    display: none;
    padding: 0px 40px 20px;
    position: fixed;
    background-color: #fff;
    z-index: 99;
    animation: slideleft 0.4s ease-out;

}
.menu-megamenu .dropdown-content.cstm-drop-menu.active {
    display: block;
}



@keyframes slideleft {
 /* from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }*/
  0% {
    right: -100%;
  }
  100% {
    left: auto;
  }


}
/*.menu-megamenu .dropdown:hover .dropdown-content,
.menu-megamenu .dropdown .dropdown-content:hover {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.3s linear;
}*/
/*.menu-megamenu .dropdown:hover .dropdown-content, .menu-megamenu .dropdown .dropdown-content:hover {
    display: block;
    visibility: visible;
    opacity: 1;
}*/
.megamenu-column-header {
    font-size: 19px;
    color: #3949ab;
    font-family: Century751BT-BoldB;
    display: block;
    margin-bottom: 5px;
    margin-top: 16px;
}

.dropbtn.mega-column-header:after {
    margin-left: 7px;
    font-family: "FontAwesome";
    content: "\f078";
    font-size: 20px;
    line-height: 41px;
    font-weight: bold;
    display: block;
    border: none;
    position: absolute;
    right: 30px;
    top: 8px;
    transition: all 0.3s;
    transform: rotate(270deg);
}
.mega-clm .mega-item .nav-link {
    padding: 3px 5px;
    text-transform: capitalize;
    color: #202020;
    font-size: 14px;
}
.header-area .navbar .link_has_dash .nav-item a {
    padding: 3px 5px 2px 15px;
}



/**/
.header-facilitis {
    padding: 30px 15px;
    border: solid 1px #192671;
    border-top: none;
    border-bottom: none;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.header-fac-bx{
    text-align: center;
    margin-bottom: 30px;
}
.header-fac-bx p {
    color: #fff;
    margin-bottom: 0;
    margin-top: 8px;
    font-weight: 500;
    font-size: 14px;
}  
.header-fac-bx a {
    display: inline-block;
}
.header-fac-bx img {
    height: 32px;
    object-fit: contain;
}

/**/

.popular-link {
    padding: 30px 0px 30px 60px;
}
.popular-link h4 {
    color: #ffa500;
    font-size: 26px;
    margin-bottom: 40px;
}
.popular-link ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 48%;
}
.popular-link ul li a {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    padding: 11px 0px;
}

/*======== end mega menu ==========*/




/* ============ end hader area =============*/

/*===========  home banner area ===========*/

.home-banner-area {
    background-color: #e3dad7;
}
.bnner-lft-cnt{
    text-align: left;
}
.bnner-lft-cnt h1 {
    color: #ffa500;
    font-size: 56px;
    text-transform: capitalize;
    font-style: italic;
}
.bnner-lft-cnt h3 {
    color: #ffa500;
    font-size: 30px;
}
.bnner-lft-cnt h3{
    text-transform:uppercase;
}
.banner-heading-below {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 15px;
}
.banner-heading-below img{
    width: 80px !important;
    height: auto !important;
}
.bnner-lft-cnt h1 span {
    background: linear-gradient(to right, #FF8A5B, #0FA3B1);
    background-clip: text;
    color: transparent;
    font-style: normal;
}
.bnner-lft-cnt p {
    font-size: 22px;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 400;
    margin-bottom: 20px;
}
.naac-img {
    margin-bottom: 5px;
    margin-top: 20px;
}
.naac-img img {
    width: 171px !important;
    height: 130px !important;
    object-fit: contain !important;
}
.bnner-lft-cnt h6 {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}
span.bnner-lft-cnt-admission {
    color: #3949ab !important;
    display: block;
    background: #fff !important;
    width: fit-content !important;
    padding: 0.1rem 1rem 0.1rem 0.5rem;
    border-radius: 0px 0px 20px 0px !important;
    font-size: 35px;
    margin-left: -10px;
}
.bnner-rgt-img img {
    width: 370px !important;
    margin: 0 auto;
}

.banner-img-area {
    position: relative;
    overflow: hidden;
}
.banner-img-area img {
    height: 650px;
    object-fit: cover;
    width: 100%;
}
.banner-inner-item {
    background-repeat: no-repeat !important;
    width: 100%;
    height: 650px;
    background-position: center !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    /*background-image: linear-gradient(45deg, #0b1344, #0b1344d1, transparent);*/
}



.bnner-lft-cnt h5 {
    color: #275d99;
    font-size: 25px;
}
.bnner-lft-cnt ul {
    padding: 0px;
    display: flex;
    margin-bottom: 50px;
    margin-top: 15px;
}
.bnner-lft-cnt ul li {
    margin-right: 30px;
    color: #000;
    font-size: 20px;
}
.home-banner-area .banner-shape-1 {
    position: absolute;
    left: 0px;
}
.banner-shape-2 {
    position: absolute;
    right: 0;
    top: 20%;
}
.bnner-lft-cnt h4 img {
    width: 13px !important;
}
.bnner-lft-cnt h4 {
    display: flex;
    align-items: center;
}
.bnner-lft-cnt h4 img {
    margin-right: 9px;
}
.bnner-lft-cnt h4 span {
    color: #5A5E61;
    font-size: 20px;
}
.home-banner-area .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 100%;
}
.home-banner-area .owl-dot.active {
    background: #ffa500 !important;
}
.home-banner-area .owl-dot {
    width: 50px;
    height: 3px;
    margin: 0 5px;
    background: #fff !important;
    outline: 0;
    cursor: pointer;
    transition: .25s ease-in-out;
    text-align: center;
    border-radius: 210px;
}
.home-banner-area .owl-carousel .owl-nav button.owl-next, .home-banner-area .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 40px;
    line-height: 42px;
    color: #fff;
}

.home-banner-area .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 0;
    top: 45%;
    left: 30px;
}
.home-banner-area .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 45%;
    right: 30px;
}
.salary-badge {
    background: #fff;
    border-radius: 10px 10px 0 0;
    padding: 5px 1px 0px;
    position: relative;
}
.salary-amount {
    font-size: 30px;
    color: #f89b1c;
    font-weight: bolder;
}

.salary-unit {
    font-size: 14px;
    color: #f89b1c;
    font-weight: 600;
}

/*banner form*/
.banner-form-area {
    background-color: #f3f3f3;
    margin-left: 0px;
}
.banner-form-area h2 {
    background-color: #3949ab;
    text-align: center;
    margin-bottom: 0px;
    padding: 18px 17px;
    font-family: "Inter", serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}

.contact-info {
    display: flex;
    align-items: center;
}

.contact-info a {
    color: #3949ab;
    font-size: 14px;
    font-weight: 700;
    margin-right: 20px;
}
.contact-info a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #ffa500;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
    position: relative;
    top: -2px;
}
/*===========  end home banner area ===========*/
 
/*======= about page ===========*/
.top-instuste-pos {
    text-align: center;
}
.top-instuste-pos img {
    height: 500px;
    object-fit: contain;
}
.top-instuste-india {
    padding: 60px 0px;
    background-color: #ededed;
}


.career-collapse-button {
    font-size: 19px;
    padding: 16px 36px;
    color: #fff;
    background-color: transparent;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    color: #3949ab;
    font-family: "Inter", serif;
    font-weight: 600;
}
.course-explore h2 {
    background-image: linear-gradient(45deg, #ffa500cc, #ffa5002e, #00000000);
    display: inline-block;
    padding: 4px 100px 4px 10px;
    font-family: "Inter", serif;
    font-size: 21px;
    font-weight: 500;
}
.course-explore ul {
    padding-left: 20px;
}
.course-explore ul li {
    font-weight: 500;
    padding: 3px 0px;
    font-size: 17px;
    color: #000;
}



.career-collapse-header {
    padding: 7px 0px;
    margin-bottom: 0;
}
.career-collapse-item {
    border: none;
    background-color: #f4f4f4;
    margin-bottom: 20px;
    border-radius: 10px;
}
.career-collapse-button:not(.collapsed)::after {
    transform: rotate(0deg);
}

.career-collapse-button::after {
    flex-shrink: 0;
    width: 1.50rem;
    font-size: 10px;
    padding: 5px;
    border: 1px solid;
    border-radius: 50px;
    height: 1.50rem;
    margin-left: auto;
    content: "\f078";
    font-family: "FontAwesome";
    transition: transform .2s ease-in-out;
}

.career-collapse-button.collapsed::after {
    transform: rotate(-90deg);
}

.career-collapse-heading h5 {
    color: #3949ab;
    font-size: 30px;
    margin-bottom: 20px;
}
.career-collapse hr {
    color: #808080;
    margin: 0;
    opacity: 1;
}
.career-body {
    padding: 10px 36px 30px;
}
/*courses area*/
.engineering-accordion {
    padding: 60px 0px 50px;
}





/*========= programs offered ==========*/


.program-offer {
    background-image: url(../images/program-offer-bg.jpg);
    background-repeat: no-repeat;
    padding: 80px 0px 120px;
}

.program-offer-bg {
    background-color: #fff;
    padding: 40px 45px;
    box-shadow: 0px 0px 18px #e6e6e6;
}
.program-cnt {
    padding-right: 70px;
}
.program-cnt .heading h2 {
    border-bottom: solid 1px #ffa500;
    padding-bottom: 10px;
}
.most-visit .heading h2 {
    border-bottom: solid 1px #ffa500;
    padding-bottom: 10px;
}
.program-bx {
    text-align: center;
}
.program-bx img {
    height: 70px;
    width: 80px;
    object-fit: contain;
    margin-bottom: 20px;
}
.program-bx h3 {
    color: #202020;
    font-family: "Inter", serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 0px;
}
.most-visit ul {
    padding-left: 25px;
}
.most-visit ul li {
    position: relative;
    padding: 5px 0px;
    list-style: none;
}
.most-visit ul li:after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #ffa500;
    position: absolute;
    border-radius: 100px;
    left: -20px;
    top: 15px;
}
.most-visit ul li a {
    color: #3949ab;
    font-weight: 400;
}
.most-visit ul li a i {
    font-size: 13px;
    margin-left: 7px;
}


/*========= end programs offered ==========*/

/*=========== get in touch ===========*/
.get-in-touch {
    background-image: url(../images/get-in-touch.jpg);
    background-repeat: no-repeat;
    padding: 90px 0px 200px;
}

.loc-li-info {
    display: flex;
    margin-bottom: 14px;
}
.loc-li-info .info-ic {
    width: 27px;
}
.loc-li-info .info-ic i {
    color: #3949ab;
}
.info-add {
    width: 88%;
}
.info-add p {
    margin-bottom: 0px;
    font-size: 16px;
    color: #202020;
    font-weight: 500;
}
.info-add p a{
    color: #202020;
}
.get-in-touch-txt .heading p {
    font-weight: 500;
}


/*apply today form*/
.appl-today {
    background-color: #fff;
    margin-left: 70px;
    border-radius: 0px 0px 60px 60px;
    margin-top: -120px;
}
.appl-today .heading h3 {
    background-color: #3949ab;
    text-align: center;
    margin-bottom: 0px;
    padding: 24px 17px;
    font-family: "Inter", serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 26px;
}
.book-appintment-form {
    border-radius: 20px;
    height: 100%;
    position: relative;
}



.book-appintment-form .form_inner .form-control {
    background-color: transparent;
    margin-bottom: 15px;
    padding: 9px 19px;
    color: #a6a6a6;
    border: solid 1px #a0a0a0;
    border-radius: 100px;
    font-size: 14px;
}
.appl-today .form_inner {
    padding: 10px 40px 40px;
}
.input_box.captcha-inp {
    position: relative;
    margin-top: 20px;
}
.captcha-inp span {
    background-color: #ffa500;
    padding: 6px 23px;
    border-radius: 50px;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    position: absolute;
    top: 2px;
    right: 3px;
}
.book-appintment-form .form_inner .captcha-inp .form-control {
    padding: 10px 85px 10px 15px;
    border-radius: 100px;
    color: #000;
}
.captcha-load {
    position: absolute;
    top: 7px;
    right: -50px;
}

.form-btm-p {
    text-align: center;
    font-size: 14px;
    color: #202020;
    margin-top: 30px;
}

.captcha-load img {
    width: 33px;
}

.book-appintment-form .form-sbmt-btn {
    text-align: center;
}
.book-appintment-form .form-sbmt-btn .btn-b {
    border: none;
    padding: 11px 41px 11px;
}


.input_box.inp-select-dt .form-control {
    color: transparent;
    position: relative;
}
.input_box.inp-select-dt input:invalid:before {
    color: #a6a6a6;
    content: attr(placeholder);
    padding-left: 10px;
    pointer-events: none;
    position: absolute;
    left: 5px;
}
.input_box.inp-select-dt input:valid,
.input_box.inp-select-dt input:focus,
.input_box.inp-select-dt input:active {
  color: #a6a6a6;
}
.input_box.inp-select-dt input:valid:before,
.input_box.inp-select-dt input:focus:before,
.input_box.inp-select-dt input:active:before {
  display: none;
}


.book-appintment-form .form_inner .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a6a6a6;
  opacity: 1;
}
.book-appintment-form .form_inner .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a6a6a6;
}
.book-appintment-form .form_inner .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #a6a6a6;
}
.book-appintment-form .form_inner textarea {
    height: 90px;
}
.book-appintment-form .heading {
    margin-bottom: 20px;
}

.inner-map-area iframe {
    height: 260px;
}
.map-area {
    margin-top: -130px;
    padding-bottom: 50px;
}


/*=========== end get in touch ===========*/

/*========= Announcements area =======*/

.announcements {
    background-color: #ececec;
    overflow: hidden;
}
.announcements .heading {
    margin-bottom: 0px;
    padding-right: 50px;
}
.announcments-bx {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin: 12px 0px;
    transition: all 0.5s;
}
.announcments-bx img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.announcments-bx:hover .announcements-hover{
    opacity: 1;
    transition: all 0.5s;
}
.announcements-hover {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #3949abcc;
    padding: 30px 40px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
}
.announcements-hover p {
    font-family: Century751BT-BoldB;
    color: #fff;
    font-size: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.announcements-hover a {
    color: #fff;
    display: inline-block;
    font-weight: 500;
}
.announcements-hover a i {
    color: #3949ab;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #ffa500;
    border-radius: 100px;
    margin-right: 9px;
    font-size: 13px;
}

.marquee-wrapper .marquee-block {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.marquee-inner {
    position: absolute;
    width: 100%;
}
.marquee-inner.to-left:hover {
    animation-play-state: paused;
}
.marquee-inner.to-left{
  animation: marqueeTop 25s linear infinite;
}
.marquee-inner.to-right{
  animation: marqueeBottom 25s linear infinite;
}
.marquee-inner.to-right:hover {
    animation-play-state: paused;
}


.banner-highest-package-bg {
   background: #fff;
   padding: 0px 20px;
   width: fit-content;
   border-radius: 0px 0px 20px 0px;
}

.homepage-banner-form iframe {
    height: 512px;
}

.header-new-logo-add {
    height: 40px;
    margin-right: 10px;
}


@media screen and (max-width:1200px){

.banner-highest-package-bg {
    padding: 0 10px;
}

.homepage-banner-form iframe {
    height: 479px;
}

}



@media screen and (max-width:992px){ 

.homepage-banner-form iframe {
        height: 443px;
} 

.banner-highest-package-bg {
    padding: 0 20px;
}

.banner-bg-text-center {
    width: 100%;
    display: flex;
    justify-content: center;
}

}


@media screen and (max-width:460px){

.homepage-banner-form iframe {
        height: 461px;
} 

}


@media screen and (max-width:430px){ 

.banner-highest-package-bg {
    padding: 0 5px;
}

}

@media screen and (min-width:992px){
    @keyframes marqueeTop{
      0% {
        top: 0;
      }
      100% {
        top: -100%;
      }
    }
    @keyframes marqueeBottom{
      0% { 
        top: -100%; 
      }
      100% {
       top: 0; 
      }
    } 

}



/*========= end Announcements area =======*/



/*======= Awards and recognition ======*/

.award-recognition {
    padding: 68px 0px 60px;
}
.award-tab-slide {
    padding-bottom: 70px;
}

.award-tb-nav .nav-pills .nav-link {
    text-align: left;
    color: #000000;
    font-size: 18px;
    border-radius: 0px;
    padding: 11px 20px;
    font-weight: 600;
}
.award-tb-nav .nav-pills .nav-link.active {
    background-color: #3949ab;
    color: #fff;
}
.award-tb-nav .nav-pills {
    margin-right: 80px;
}

.award-tabe-slide-bx img {
    height: 380px;
    object-fit: cover;
    border-radius: 0px 0px 0px 0px;
}

.award-tabe-slide .owl-item.center {
  transform: scale(1) !important;
}

.award-tabe-slide .owl-item {
  transition: all 0.5s;
  transform: scale(0.8) !important;
}
.award-tabe-pane {
    padding-left: 60px;
}

.award-tabe-slide .owl-item.center .award-tabe-slide-bx img {
    border-radius: 0px 40px 0px 40px;
}

.award-tabe-slide .owl-carousel .owl-nav button.owl-next, .award-tabe-slide .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 42px;
    color: #3949ab;
    background-color: #ffa500;
}
.award-tabe-slide .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 0;
    top: 45%;
    left: 23%;
}
.award-tabe-slide .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 45%;
    right: 23%;
}



.award-info-bx h6 {
    color: #202020;
    font-family: "Inter", serif;
    font-size: 15px;
}
.award-info-bx h4 {
    color: #3949ab;
    font-size: 28px;
}
.award-info-bx p {
    color: #202020;
    font-family: "Inter", serif;
    font-size: 15px;
    margin-bottom: 0px;
}
.award-info-bx {
    border-right: solid 1px #272727;
    min-height: 130px;
    padding: 0px 20px;
}
.award-info-slide{
    position: relative;
}

.award-info-slide:after {
    content: '';
    height: 130px;
    width: 10px;
    background-color: #fff;
    position: absolute;
    right: -3px;
    top: 0px;
    z-index: 99;
}

.award-info-slide .owl-carousel .owl-nav button.owl-next, .award-info-slide .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 30px;
    line-height: 42px;
    color: #000;
}
.award-info-slide .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 0;
    top: 25%;
    left: -40px;
}
.award-info-slide .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 25%;
    right: -40px;
}
/*======= end Awards and recognition ======*/



/*=========== Placement ===========*/

.Placements-area {
    padding: 80px 0 70px;
    background-color: #3949ab;
    background-image: url(../images/placementbg.jpg);
    background-repeat: no-repeat;
}
.Placements-area .container-fluid {
    width: 100%;
}
.placement-inner-img {
    padding-right: 60px;
    height: 413px;
    position: relative;
}
.placement-inner-img:after {
    content: '';
    width: 110px;
    height: 130px;
    background-color: #4a5abc;
    position: absolute;
    border-radius: 0px 30px 0px 30px;
    left: -30px;
    top: -30px;
}

.placement-inner-img img {
    width: 100%;
    height: 100%;
    object-position: left;
    object-fit: cover;
    border-radius: 30px;
    border-top-left-radius: 0PX;
    position: relative;
    z-index: 99;
}

.placement-bx .heading h2 {
    color: #fff;
}

.placement-bx .heading p {
    color: #fff;
}

.placement-bx .usp-box-span {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 4px;
}

.usp_box h2 {
    color: #fff;
    font-weight: 600;
    display: inline-block;
    font-size: 40px;
    margin-bottom: 0px;
}
.usp_box span {
    color: #fff;
    font-weight: 600;
    display: inline-block;
    line-height: 35px;
    font-size: 40px;
}
.usp_box p {
    color: #fff;
}


.placement-icon .icon img {
    margin: 0 auto;
    width: 100px !important;
    height: 50px !important;
    object-fit: contain;
}

.placement-slider {
    padding: 60px 0 0 0px;
}
.placement-icon .icon {
    text-align: center;
}

/*=========== Placement end ===========*/

/*===== home-facilities ======*/
.home-facilities .container-fluid {
    width: 100%;
    padding: 0;
}
.arrow-btn {
    color: #3949ab;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
}
.arrow-btn i {
    color: #3949ab;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #ffa500;
    border-radius: 100px;
    margin-right: 9px;
    font-size: 13px;
}


.facilities-bx-big {
    position: relative;
    overflow: hidden;
}

.facilities-bx-big img {
    height: 700px;
    width: 100%;
    object-fit: cover;
    object-position: left;
}
.facilities-top-txt {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    padding: 40px 70px;
    background-image: linear-gradient(1deg, #000000b5, transparent);
}
.facilities-top-txt .heading{
    margin-bottom: 0px;
}
.facilities-top-txt .heading h2 {
    color: #ffa500;
}
.facilities-top-txt .heading p{
    color: #fff;
}

.facilities-cnt-bx {
    background-color: #ffa500;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 30px 70px;
    position: relative;
}
.facilities-cnt-bx:after {
    border: 31px solid transparent;
    border-bottom-color: #ffa500;
    content: "";
    position: absolute;
    right: -60px;
    top: 45%;
    transform: rotate(90deg);
    z-index: 99;
}
.facilities-cnt-bx .heading {
    margin-bottom: 0px;
}
.facilities-img-bx img {
    height: 350px;
    width: 100%;
    object-fit: cover;
}
.facilities-cnt-bx.faci-life {
    background-color: #fff;
    height: 350px;
}
.facilities-cnt-bx.faci-sprots {
    text-align: right;
}


.facilities-cnt-bx.faci-Campus {
    background-color: #3949ab;
}
.facilities-cnt-bx.faci-Campus .heading h2 {
    color: #fff;
}
.facilities-cnt-bx.faci-Campus .heading p{
    color: #fff;
}
.facilities-cnt-bx.faci-Campus:after {
    border-bottom-color: #3949ab;
}
.facilities-cnt-bx.faci-Sustainable:after {;
    left: -60px;
    right: auto;
    transform: rotate(270deg);
}

/*=====end  home-facilities ======*/


/*===== why jaypee ======*/
.why-choose-jaypee {
    padding: 80px 0;
}
.why-choose-inner {
    padding-top: 60px;
    padding-left: 40px;
}
.why-choose-inner .heading p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.why-choose-jaypee-inner {
    position: relative;
}
.why-choose-jaypee .heading-bottom-inner {
    padding: 10px 0px 0 0;
    margin-bottom: 20px;
}
.why-choose-jaypee .heading-bottom-inner h2 {
    font-size: 22px;
    color: #3949ab;
}
.why-choose-jaypee .heading-bottom-inner p {
    font-size: 14px;
    margin-bottom: 0px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 2; */
    /* -webkit-box-orient: vertical; */
}
.why-choose-jaypee .heading-bottom-inner h2 i {
    color: #FFA500;
    padding-right: 10px;
}
.why-choose-inner-img {
    position: relative;
}

.why-choose-inner-img .ineer-heading {
    background-color: #FFA500;
    position: absolute;
    bottom: 190px;
    right: 0;
    padding: 10px 30px 10px 20px;
    border-radius: 20px;
    border-top-right-radius: 0PX;
}
.why-choose-inner-img .ineer-heading h3 {
    margin: 0;
}
.why-choose-inner-img .ineer-heading p {
    font-size: 15px;
    margin: 0;
}
.progress-area {
    padding-top: 101px;
}
.progress-bx {
    display: flex;
    align-items: center;
}
.progress-area .heading {
    margin: 5px;
}
.progress-area .heading h2 {
    font-size: 22px;
    margin: 0;
}
.progress-area .usp_box h2 {
    color: #000;
    font-size: 20px;
    padding-left: 25px;
    font-family: "Inter", serif;
    font-weight: 700;
}
.progress-area .usp_box span {
    color: #000;
    font-size: 20px;
}
.progress {
    background: #D1D1D1;
    justify-content: flex-start;
    border-radius: 100px;
    align-items: center;
    position: relative;
    display: flex;
    height: 10px;
    width: 415px;
}
.progress-value {
    animation: load 4s normal forwards;
    box-shadow: 0 10px 40px -10px #fff;
    border-radius: 100px;
    background: #3949AB;
    height: 10px;
    width: 0;
}
  @keyframes load {
    0% { width: 0; }
    100% { width: 95%; }
  }
  .why-choose-bx img {
    width: 55px !important;
    height: 55px;
    padding-bottom: 10px;
    object-fit: contain;
}
.why-choose-bx h4 {
    color: #3949AB;
    font-size: 18px;
    margin-bottom: 2px;
}
.why-choose-bx p {
    color: #202020;
    font-family: "Inter", serif;
    font-size: 14px;
    margin-bottom: 0px;
}
.why-choose-bx {
    border-right: solid 1px #989898;
    height: 100%;
    padding: 0px 20px;
    min-height: 140px;
}
.why-choose-slide .owl-carousel .owl-nav button.owl-next, .why-choose-slide .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 30px;
    line-height: 42px;
    color: #000;
}
.why-choose-slide .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 0;
    top: 25%;
    left: -40px;
}
.why-choose-slide .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 25%;
    right: -40px;
}
.why-choose-slide {
    width: 70%;
    margin: -160px 0px auto auto;
    position: relative;
}
.why-choose-slide:after {
    content: '';
    height: 170px;
    width: 6px;
    background-color: #fff;
    position: absolute;
    right: -3px;
    top: 0;
    z-index: 99;
}
.why-inner-img-sec {
    text-align: center;
}
.why-inner-img-sec img {
    height: 650px;
    object-fit: contain;
}


/*===== why jayee ======*/

/*===== event and activitities =====*/
.event-and-activite {
    padding: 60px 0px 60px;
}
.event-and-activite-bx {
    position: relative;
    border-radius: 0px 40px 40px 40px;
    overflow: hidden;
    margin: 12px 0px;
    transition: all 0.5s;
}
.event-box-2 {
    border-radius: 40px 40px 0 40px;
}
.event-box-3 {
    border-radius: 40px 40px 40px 0;
}
.event-box-4 {
    border-radius: 40px 0 40px 40px;
}
.event-and-activite-bx:hover .event-and-activite-hover{
    opacity: 1;
    transition: all 0.5s;
}
.event-and-activite-hover{
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #3949abcc;
    padding: 30px 40px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    text-align: center;
}
.event-and-activite-hover p {
    font-family:'inter';
    color: #fff;
    font-size: 14px;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 5;*/
    /*-webkit-box-orient: vertical;*/
}
.event-and-activite-hover a {
    color: #fff;
    display: inline-block;
    font-weight: 500;
}
.event-and-activite-hover a i {
    color: #3949AB;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #FFA500;
    border-radius: 100px;
    margin-right: 9px;
    font-size: 13px;
}
.event-heding-box-1 {
    padding: 40px 40px 30px 0;
    text-align: center;
}
.event-heding-box-2 {
    border-radius: 40px 0px 40px 40px;
}
.event-and-activite-bx img {
    object-fit: cover;
    width: 100%;
}
.event-img-1 {
    height: 190px;
}
.event-img-2 {
    height: 242px;
}
.event-img-3 {
    height: 217px;
}
.event-img-4 {
    height: 360px;
}
.event-img-5 {
    height: 219px;
}
.event-img-6 {
    height: 229px;
}
.event-img-7 {
    height: 200px;
}
.event-img-8 {
    height: 271px;
}
.event-img-9 {
    height: 299px;
}

.event-activite-slide .owl-item.center .item .event-and-activite-bx {
    -webkit-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
}
/*===== event and activitities =====*/

/* Campus area  */

.banner img{
    width: 100%;
}
.banner .overlay h3 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.banner .overlay h1 {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
}

.banner .overlay h1 span {
    color: #ac2b50;
}

/* Tabs Navigation */
.tabs {
    display: flex;
    justify-content: center;
    padding: 10px;
    position: relative;
    margin-top: -30px;
}

.tabs ul {
    list-style: none;
    display: flex;
    padding: 0;
}

.tabs ul li {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    background: #3949ab;
    transition: 0.3s ease-in-out;
    margin: 0px;
    border-radius: 0px;
    color: #fff;
    margin: 0.1rem;
    padding: 0.2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 65px;
}
.tabs ul .active {
    background: #3949ab;
    color: white;
    position: relative;
}
nav.tabs.hostel-tab {
    background: #f4f4f4;
    padding: 0;
    padding-bottom: 0px;
    overflow: unset;
}
nav.tabs.hostel-tab ul li{
    background: none;
    color: #000;
    }
nav.tabs.hostel-tab .active{
    background: #ffa500 !important;
    color: #fff;
}
    nav.tabs.hostel-tab .active::after{
    background: #ffa500 !important;
}
.sub-tab-data .col-md-7 {
    text-align: left;
}
.sub-tab-data img{
    width: 100%;
}
.sub-tab-data h5{
    font-size: 29px;
    font-weight: 400;
    color: #3949ab;
}
.sub-tab-data span{color:#3949ab;}
.sub-tab-data span {
    text-transform: uppercase;
    font-weight: 600;
}
.sub-tab-data .icon-img {
    width: 25px;
    margin-right: 1rem;
}
.sub-tab-data{
    background: #f4f4f4;
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.sub-tab-data h6 {
    margin-bottom: 50px;
    font-family: "Inter", serif;
    color: #000;
    font-weight: 500;
}
.sub-tab-data ol {
    padding-left: 65px;
}
.sub-tab-data ol li {
    font-size: 15px;
}

/* Gallery Section */
.gallery {
    margin-top: 30px;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 0 50px;
}

.gallery-grid img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    display: block;
}

/* Hide inactive galleries */
.gallery-container {
    display: none;
}

/* Apply Now Button */
.apply-now {
    margin-top: 30px;
}

.apply-now .btn {
    background: #26468a;
}

.apply-now .btn:hover {
    background: #000;
}

.apply-now button:hover {
    background: #ff8900;
}
.tabs{
   overflow: auto;
}

.tabs ul .active::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 10px;
    background: #3949ab;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

/*faq-area*/
.faq-about-plan-area.faq-inner {
    padding: 30px 0px 60px;
}
.blog-faq .accordion-button {
    font-size: 18px;
    padding: 18px 0px;
}
.blog-faq .accordion-button span {
    border: solid 1px #eb4f56;
    width: 30px;
    height: 30px;
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 29px;
    border-radius: 100px;
    margin-right: 10px;
}
.blog-faq .accordion-button:not(.collapsed) {
    color: #3949ab;
    background-color: transparent;
    box-shadow: none;
}
.blog-faq .accordion-button:focus{
    outline: none;
    box-shadow: none;
}
.blog-faq .accordion-body {
    border-left: none;
    padding-left: 0px;
    border-bottom: solid 1px #bababa;
    padding-top: 0px;
    font-size: 14px;
    text-align: left;
}
.blog-faq .accordion-button {
    font-size: 20px;
    padding: 22px 0px;
    color: #3949ab;
    background-color: transparent;
    font-family: "Inter", serif;
    font-weight: 600;
}
.blog-faq .accordion-button.collapsed{
     border-bottom: solid 1px #bababa;   
}

.blog-faq  .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.blog-faq .accordion-item {
    border: none;
    background-color: transparent;
}
.blog-faq .accordion-button:not(.collapsed)::after {
    background-image: none;
    font-family: "FontAwesome";
    font-weight: 300;
    content: "\f068";
    font-size: 11px;
}
.blog-faq .accordion-button::after {
    background-image: none;
    font-family: "FontAwesome";
    font-weight: 300;
    content: "\f067 ";
    font-size: 11px;
    width: auto;
}
.blog-faq .accordion {
    background-color: #eee;
    padding: 30px 40px 40px;
    border-radius: 30px;
}

/*footer-strip*/

.footer-strip {
    background-color: #3949ab;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
}
.footer-strip p {
    margin-bottom: 0px;
    color: #fff;
}

/*acdemic news*/
.acdemic-news {
    padding: 30px 0;
    background-color: #ECECEC;
}
.acdemic-tabe-pane {
    padding-right: 60px;
}
.acdemic-news .acdemic-tabe img {
    border-radius: 30px;
}
.acdemic-tabe {
    position: relative;
}
.plus-btn {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus-btn p {
    width: 120px;
    height: 120px;
    line-height: 100px;
    text-align: center;
    background-color: #d89c26d4;
    font-size: 110px;
    color: #fff;
    border-radius: 30px;
    margin-bottom: 0px;
}
.acdemic-tb-nav .nav-pills .nav-link {
    text-align: left;
    color: #000000;
    background-color: #fff;
    font-size: 15px;
    border-radius: 0px;
    padding: 13px 20px;
    font-weight: 600;
    margin-bottom: 15px;
    border-radius: 10px;
    font-family: Century751BT-BoldB;
}
.acdemic-tb-nav .nav-pills .nav-link p {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "Inter", serif;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0px;
}
.acdemic-tb-nav .nav-pills .nav-link.active {
    background-color: #FFA500;
    border-radius: 10px;
}
.acdemic-tb-nav .nav-pills {
    margin-right: 0px;
}
.acdemic-tb-nav .arrow-btn {
    text-align: right;
    padding-right: 15px;
    font-size: 15px;
}
.acdemic-news .tab-pane .heading h3 {
    font-size: 15px;
    color: #A4A4A4;
    padding: 25px 0 5px 0px;
    font-family: "Inter";
}
.acdemic-news .tab-pane .heading h2 {
    font-size: 19px;
}
.acdemic-news .tab-pane .heading p {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*====== testimonail area =======*/
.testimonials {
    background-image: url(../images/program-offer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0px 70px;
    width: 100%;
}
.testi-bx {
    display: flex;
    background-color: #ffffff;
    width: 100%;
    align-items: center;
    box-shadow: 0px 0px 10px #f1eeee;
    margin: 20px 0px;
}
.testimonials-slide {
    margin: 0 auto;
    width: 80%;
}
.testi-user {
    width: 30%;
}
.testi-user img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover;
}
.testi-info {
    padding: 30px;
    width: 70%;
}
.testi-info h6 {
    color: #202020;
    font-size: 21px;
}
.testi-info p {
    color: #000000;
    font-size: 16px;
    margin-bottom: 27px;
}
.testi-info h5 {
    color: #3949ab;
    margin-bottom: 5px;
    font-size: 21px;
}

.testimonials-slide .owl-carousel .owl-nav button.owl-next, .testimonials-slide .owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    font-size: 20px;
    line-height: 42px;
    color: #3949ab;
    background-color: #ffa500;
}
.testimonials-slide .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    right: 0;
    top: 45%;
    left: -20px;
}
.testimonials-slide .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 45%;
    right: -20px;
}

/*====== end testimonail area =======*/


/*========= scholorship students ========*/
.scholarship-students {
    background-color: #3949ab;
    padding: 30px 0px;
}
.scholarship-cnt {
    text-align: left;
    padding-right: 60px;
}
.scholarship-cnt .heading h2 {
    color: #ffa500;
    font-size: 32px;
}
.scholarship-cnt .heading p {
    color: #fff;
    margin: 22px 0px 25px;
    font-size: 17px;
}
.scholarship-cnt .heading {
    margin-bottom: 0px;
    color: #fff;
}
/*========= end scholorship students ========*/

/*=========== footer ===========*/


.footer-area {
    background-color: #3949ab;
    padding: 50px 0 0 0;
    position: relative;
}

.footer-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    position: absolute;
    height: 34rem;
    bottom: 0;
    padding: 60px 50px 13px 50px;
    border-top-left-radius: 135px;
    border-top-right-radius: 135px;
}

.footer-logo img {
    width: 190px;
}

.foot-social ul {
    padding: 0;
}
.foot-social ul li {
    list-style: none;
    display: inline-block;
}
.foot-social a {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #000000;
    color: #fff;
    text-align: center;
    line-height: 27px !important;
    margin-right: 6px;
    font-size: 14px;
}


.bottom-footer {
    background-color: #ffa500;
    padding: 15px 0px;
}

.bottom-footer p {
    margin: 0;
    text-align: left;

}

.footer-menu-bx {
    display: flex;
}

.footer-menu h4 {
    color: #fff;
    font-size: 18px;
    font-family: "Inter", serif;
}

.footer-menu ul {
    padding: 0px;
}
.footer-menu ul li {
    list-style: none;
    margin-bottom: 0px;
}
.footer-menu ul li a {
    color: #fff;
    font-size: 13px;
}

.footer-menu button {
    background-color: transparent;
    border: none;
    padding-left: 0;

}

.footer-menu .foot-more {
    color: #ffa500;
    font-size: 13px;
    display: inline-block;
    margin-top: 10px;
}



.footer-area .loc-li-info .info-ic i {
    background-color: #ffa500;
    width: 28px;
    border-radius: 50%;
    height: 28px;
    text-align: center;
    padding-top: 7px;
    font-size: 14px;
}

.footer-area .loc-li-info a {
    color: #fff;
    padding-left: 15px;
    font-size: 14px;
}

.footer-area .loc-li-info p {
    color: #fff;
}

.loc-contact-info {
    padding-top: 30px;
}

.footer-form-email a {
    background-color: #ffa500;
    border: none;
    padding: 7px 55px 7px 14px;
    margin: 15px 0;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.footer-form-email a i {
    padding-right: 10px;
    font-size: 23px;
}
.footer-form-email.footer-portal a {
    background-color: #3949ab;
    color: #fff;
}

.privacy-foot {
    color: #fff !important;
}

.privacy-foot a {
    color: #ffa500;
}
.privacy-foot span {
    padding: 0px 10px;
}

/*=========== footer end ===========*/


/* ENGINEERING PROGRAMS */

.engineering-program {
    margin: 30px auto;
    padding: 2rem 0;
    /* background: url(../images/program_background.png); */
    background-image: linear-gradient(to bottom, #616dbc, transparent);
    border-radius: 30px  30px 0px 0px;
}

.programs-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    justify-content: center;
    flex-wrap: wrap;
    width: 85%;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.programs-tab {
    padding: 12px 24px;
    background: #fff;
    border-radius: 20px;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    border: none;
    transition: all 0.3s ease;
    text-decoration: underline;
    border-radius: 30px;
    text-underline-offset: 5px;
    color: #0047ab;
    font-size: 20px;
}

.programs-tab.active {
    background: #ffb31a; /* Orange color from the image */
    color: white;
}

/* Styling for Tree 3 Tab */

/* Tab Content */
.programs-content h3 {
    text-align: center;
    color: #0047ab;
    margin-bottom: 40px;
    margin-top: 20px;
}
.programs-content {
    display: none;
    padding: 20px;
    border-radius: 30px;
    background: url(../images/program-offer-bg.jpg);
    /*box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);*/
    margin: auto 15rem;
    background-blend-mode: overlay;
    background-color: #00000014;
}
.programs-content.active {
    display: block;
}

/* Sub Tabs */
.programs-sub-tabs {
    display: flex;
    gap: 1px;
    margin: 20px auto;
    justify-content: center;
    background: #0047ab;
    width: fit-content;
    border-radius: 30px;
    padding: 1px;
    position: relative;
}

.programs-sub-tab {
    padding: 10px;
    background: #eee;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
    width: 150px;
    text-align: center;
    color: #fff;
    background: #0047ab;
}

.programs-sub-tab.active {
    background: #ffc107;
    color: white;
}
.programs-sub-tab.active::after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 10px;
    background: #3949ab;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

/* Sub-tab Content */
.programs-sub-content {
    display: none;
    padding: 15px 100px;
    font-size: 16px;
    line-height: 1.6;
}
.course-duration p {
    font-size: 18px;
    font-weight: 600;
    text-align:center;
}
.programs-sub-content ul li {
    color: #000;
    font-weight: 500;
    padding: 10px 0px;
    text-align: justify;
}
.programs-sub-content.active {
    display: block;
}

/* Apply Now Button */
.apply-now {
    display: block;
    margin: 20px auto;
    background: #ff9900;
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 25px;
    text-align: center;
    width: fit-content;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
}

.apply-now:hover {
    background: #e68a00;
}
.branch {
    background: #f4f4f4;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    min-height: 89px;
    margin-bottom: 10px;
}
.branch:hover{
    background: #0047ab;
    color: #fff;
}
.branch:hover img {
    filter: invert(1);
}
.branch img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    object-fit: contain;
}
/*.branches.active .branch{*/
/*    background: #0047ab;*/
/*    color: #fff;*/
/*}*/
span.branch-text {
    font-size: 13px;
    width: 84%;
    font-weight: 600;
    line-height: 17px;
}
section.engineering-program h2 {
    text-align: center;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 20px;
}
.engineering-program .heading h2 {
    color: #3949ab;
}



/*new changes*/
/*tables-area*/
/*.table-responsive.table-area {*/
/*    background-color: #fff;*/
/*}*/
.table-area table thead {
    background-color: #0047ab;
    color: #fff;
}
.table-area th,
.table-area td{
    border: 1px solid #000;
    padding: 15px 20px;
    line-height: 1;
}
.table-area td{
    color: #000;
    line-height: 20px;
}

/* apply btn */
.apply-btn-fix.fixed a {
    background: #ffa500;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    position: fixed;
    text-align: center;
    padding: 8px 20px;
    text-decoration: none;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    right: 0;
    top: 60px;
    border-radius: 10px 10px 0px 0px;
    z-index: 999;
}
.apply-btn-fix.direct-btn a {
    top: 210px;
}




/*------------*/
/*------------*/
/*------------*/
/*------------*/
/*------------*/

.btech-page-banner-image img{
    max-width: 100%;
    height: auto;
}

.msc-table-bg {
    background: #fff;
    margin: 10px 0px 20px;
    text-align: center;
}

.table-msc-page tr td {
    padding: 6px 20px;
    color: #000;
}