body { font-family: 'Poppins', sans-serif; }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
}
.click-icon { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
label.checkbox-label { position: relative; width: 100%; }
label.checkbox-label>input[type=checkbox] { left: 0px; }
header .container-fluid { padding-left: 60px; }
p { font-size: 16px; color: #8e8e8e; line-height: 22px; }
p span { color: #3e703f; font-weight: 600; }
@font-face { font-family: UniSansHeavyCAPS; font-style: normal; font-weight: 400; src: local('Bebas Neue Regular'), url(../fonts/UniSansHeavyCAPS.woff) format('woff') }
.foster { padding: 60px 90px 0 60px; }
.foster .heading { margin-bottom: 20px; margin-top: 40px; }
.count-particles { display: none; }
.can ~ div { display: none; }

/* ---- reset ---- */
canvas { display: block; vertical-align: bottom; }

/*form*/
.applybtn a { position: fixed; right: -63px; transform: rotate(90deg); background: #259609; top: 50%; color: #fff; padding: 8px 20px 9px; text-transform: uppercase; font-size: 17px; margin-top: -60px; border: solid 1px #259609; cursor: pointer; z-index: 99; text-decoration: none; display: none; border-radius: 0 0 13px 15px; font-weight: 600; }
html { scroll-behavior: smooth; }
.applybtn.sticky a { display: block; }
.form-sec { position: fixed; transition: all 0.5s; width: 320px; background: #FFF; padding: 0px 17px 20px; border-radius: 6px; float: right !important; z-index: 99; top: 164px; right: 45px; box-shadow: 0 0 40px 0px #8e8e8e; }
.form-sec.sticky { right: -1450px; }
.form-sec.slide { right: 45px; }
.form-sec::before { content: ''; display: block; width: 50%; position: absolute; top: -0.5rem !important; left: 0; border-top: 0.5em solid #259609; margin: 0.5em auto 0; border-radius: 6px; }
.adm-txt { font-size: 19px; color: #259609; text-align: left; text-transform: uppercase; margin: 23px auto 15px; font-weight: 500; }
.form-sec .form-group { position: relative; margin-bottom: 7px; }
.form-sec .form-group::before { position: absolute; content: ""; background-image: url("../images/form-icon.png"); width: 30px; height: 34px; background-repeat: no-repeat;  /* background-position: -3px -11px; */ top: 7px; left: -5px; opacity: 0.3; }
.Name::before { background-position: -3px -12px !important; }
.email::before { background-position: -3px -58px !important; }
.Mobile::before { background-position: -3px -103px !important; }
.Course::before { background-position: -3px -150px !important; }
.State::before { background-position: -3px -243px !important; }
.City::before { background-position: -3px -195px !important; top: 3px !important; }
.Course::before { background-position: -3px -146px !important; top: 3px !important; }

.mobile { display: none !important }
.input { padding: 0 11px 0 28px; height: 33px; width: 100%;    /* border-radius: 6px; */ font-size: 14px; color: #585858; border: none; background: none; font-weight: 300; border-bottom: solid 2px #ece8e8; }
input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
color: #585858; opacity: 1 }
input::-moz-placeholder {  /* Firefox 19+ */
color: #585858; opacity: 1 }
input:-ms-input-placeholder {  /* IE 10+ */
color: #585858; opacity: 1 }
input:-moz-placeholder {  /* Firefox 18- */
color: #585858; opacity: 1 }
.term { font-size: 0.8rem !important; }
.sbt { border: 0; border-radius: 2px; background: #259609; color: #fff; font-size: 17px; font-weight: 600; text-transform: uppercase; margin: 15px auto 5px; width: 100%; display: inherit; cursor: pointer; padding: 8px 20px; }
.mobile { display: none !important }
.tablist { background: #ffbf00; padding: 30px 30px 13px; border-radius: 10px; position: relative; }
.tablist p { font-size: 22px; font-weight: 600; min-height: 129px; }
.tablist img { width: 44px; height: 40px; object-fit: scale-down; }
.tablist span { position: absolute; bottom: 0px; right: 26px; font-size: 103px; font-weight: 700; color: #fff; opacity: 0.6; line-height: 74px; font-family: arial; }
.desktop { }
.Edgelist img { max-width: 43px; position: absolute; left: 0; top: 0; }

/*header*/

.main-banner {  /*! position: relative; */ }
.owl-nav { display: none; }
.owl-dot.active span { width: 7px; background: #e9be31; border-color: #e9be31; }
.owl-dots { position: absolute; top: 290px; right: 290px; z-index: 999999; }
.owl-dot span { width: 43px; height: 7px; display: inline-block; border: solid 2px #00cfcd; margin: 0 2px; border-radius: 50px; background: transparent; }
.main-banner img { width: 100% }
.banner-text h2 span, .banner-text h1 span { color: #ffad00; font-weight: 700; }
.banner-text h4 { font-size: 40px; font-weight: 600; margin-top: 70px; }
.banner-text h2 { color: #fff; font-size: 20px; line-height: 44px; font-weight: 600; text-transform: none; letter-spacing: 0; position: relative; margin-bottom: 10px; margin-top: 0; }
h5{font-size:30px; margin-top: 20px;}
h6{font-size:45px; line-height: 35px;}
.secpadding { padding: 70px 0; }
h2 { font-size: 37px; color: #000; font-weight: 400; text-transform: uppercase; line-height: 38px; margin-bottom: 10px; }
.heading h2 span, .heading p span { color: #ffad00; }
.logo { width: 160px; display: inline-block; }
.heading p { font-size: 16px; color: #000; }
.banner-btn { width: 300px; }
.list_init { padding: 40px 110px; }
.imgban { color: #ffcc00; font-size: 71px; font-weight: 900; line-height: 68px; text-transform: uppercase; }
.list-sal .lpa { padding: 0px 4px 50px; position: relative; z-index: 9; }
.list-sal ul { list-style: none; display: block; padding: 25px; margin: 0px; flex-wrap: wrap; width: 100%; margin: auto; justify-content: space-between; }
.lpabox { background: transparent; }
.list-sal ul li:first-child { }
.list-sal ul li { padding: 47px 0 24px; text-align: left; position: relative; margin-bottom: 0; color: #000; transition: all 0.4s }
.list-sal ul li h3 { font-weight: 900; font-size: 62px; line-height: 34px; color: #ffcc00; font-family: UniSansHeavyCAPS; text-align: left; }
.list-sal ul li h3 label { font-size: 18px; margin-left: 15px; display: inline-block; position: absolute; top: -1px; right: 37px; color: #000; font-family: 'Poppins', sans-serif; }
.list-sal ul li p { margin: 6px 0 0; font-size: 17px; font-weight: 600; display: inline-block; text-align: left; width: 100%; color: #302f2f; text-transform: uppercase; }
.about-university h2 { background: #3b1a6f; color: #fff; display: inline-block; padding: 10px 70px; width: 70%; text-align: right; margin: 0; }
.about-university .heading p { background: #43cfcf; color: #fff; padding: 50px 200px 50px 330px; font-size: 14px; line-height: 25px; }
.about-university > div { position: relative; margin-top: -80px; }
.girl { position: relative; top: -209px; width: 590px; left: -420px; margin-bottom: -377px; }
.list_li li label { cursor: pointer; }
.ENGINEERING ul { display: flex; list-style: none; padding: 0; justify-content: space-between; margin: 0 }
.bulding { position: static; margin-top: -260px; }
.list_li ul { display: flex; justify-content: space-between; margin-top: 40px; padding: 0; max-width: 89%; margin: auto; flex-wrap: wrap; }
.list_li ul > li { position: relative; margin-bottom: 0; min-height: 80px; padding-top: 20px; list-style: none; margin-left: 0; padding: 20px; cursor: pointer; transition: all 0.4s; width: 21%; text-align: left; margin-top: 34px; }
.list_li ul > li:hover { box-shadow: 0 0 4px #b8b5b5; margin-top: 15px; }
.list_li ul > li:hover h3 { color: #3e703f }
.list_li li > span { position: static; left: 0; top: 0; display: block; margin: auto; }
.list_li li img { top: 0; width: 74px; height: 46px; object-fit: scale-down; position: static; display: block; margin: auto 0; }
.list_li h3 { font-size: 17px; color: #5b5b5b; transition: all 0.4s; font-weight: 500; margin: 19px 0 6px; }
.list_li li label { margin: auto; width: 28px; display: block; }
.imagesection { width: 520px; position: absolute; top: 51px; transform: translate(-50%, 0%); left: 50%; height: 0px; }
.imagesection img { transition: width 2s, height 2s, transform 2s; }
.imagesection img:hover { transform: rotate(360deg); }
.heading:hover .bulb { width: 250px; filter: grayscale(0) }
.points { display: flex; justify-content: space-between; width: 60%; }
.points > div { margin-right: 70px; font-size: 20px; font-weight: 600; line-height: 25px; margin-top: 119px; text-transform: uppercase; position: relative; width: 218px; }
.waysec.secpadding { height: 590px; padding-top: 0; }
.waysec .heading { position: relative; top: 50px }
.way { position: absolute; margin-top: 0; z-index: -1; width: 320px; top: 0; right: 60px; float: right; }
.waysec .container { position: relative; }
.relative { position: relative }
.placement { background-image: url(../images/chain-bg.jpg); height: 1030px; background-size: 100%; position: relative; }
.placement .heading { margin-top: 60px; }
.pointer { position: absolute; width: 169px; left: 205px; bottom: 371px; }
.placement .container { position: relative }
.placement ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin-top: 23px; }
.placement h3 { color: #e0b300; font-size: 70px; font-weight: 900; position: relative; display: inline-block; transition: all 0.4s; }
.placement li div:hover h3 { color: #fff; }
.placement p { color: #fff; font-size: 17px; line-height: 21px; text-transform: capitalize; }
.placement ul li { width: 50%; margin: 20px 0 0; position: relative }
.placement ul li div { position: relative; display: inline-block; }
.placement ul li label { font-size: 14px; color: #e0b300; position: absolute; top: 70px; right: -22px; }
.TopRecruiters .owl-dots { position: absolute; text-align: center; margin-bottom: -30px; right: 0; top: -30px; }
.TopRecruiters .owl-nav { display: none }
.TopRecruiters .owl-dot span { width: 9px; border: solid 2px #fff; background: transparent; height: 9px; }
.TopRecruiters .owl-dot.active span { width: 37px; background: #ffc646; border-color: #ffc646; }
.placement ul li:nth-child(2) label { right: -25px; }
.placement h3 span.rt { transform: rotate(-90deg); position: absolute; font-size: 21px; top: 26px; right: -46px; }
.placement h2 { color: #fff; }
button:focus { outline: none }
.TopRecruiters .owl-carousel { display: none; width: 100%; z-index: 1; background: #fff; }
.TopRecruiters {  /*background-image: url(../images/requt-bg.jpg);*/
background-attachment: fixed; background-size: cover; margin-top: -140px; }
.listbox .left-side { position: absolute; left: -175px; top: 50%; }
.TopRecruiters .owl-carousel .owl-item img { width: 250px; height: 70px; object-fit: scale-down; transition: all 0.4s; cursor: pointer; transform: scale(0.8); padding: 10px; margin: 10px auto 20px; filter: grayscale(1); }
.TopRecruiters .owl-carousel .owl-item img:hover { filter: grayscale(0); }
.Futureready .img-fluid { transition: all 0.4s; filter: grayscale(1); border: solid 1px #fff }
.logo-uni ul { display: flex; justify-content: center; padding: 50px 0; list-style: none; flex-wrap: wrap; max-width: 80%; margin: auto; }
.logo-uni ul li { padding: 30px; width: 33%; text-align: center; border-right: solid 2px #ccc; margin-bottom: 0; border-bottom: solid 2px #ccc; }
.logo-uni ul li:nth-child(3n) { border-right: 0 }
.logo-uni ul li:nth-child(4), .logo-uni ul li:nth-child(5), .logo-uni ul li:nth-child(6) { margin-bottom: 0; border-bottom: solid 0px #ccc; }
.logo-uni ul li img { width: 210px; height: 90px; object-fit: scale-down; padding: 0; }
.Futureready .img-fluid:hover { filter: grayscale(0); transform: scale(1.1); }
.TopRecruiters h2 { color: #fff; margin-bottom: 26px; }
.bgtest { background-image: url(../images/testimonial.jpg); height: 690px; background-repeat: no-repeat; background-size: 100%; width: 90%; margin: 50px auto; }
.StudentSpeak .owl-carousel .owl-item img { width: 130px; background: #3e703f; border-radius: 330px; padding: 0px 0 0; height: 130px; margin-top: 0; position: relative; top: 0px; }
.list_li { position: relative; }
.list_li .knowmore { top: 0; width: 100%; display: block; }
.content-box { display: none; }
.content-box { position: absolute; top: 0; left: 0; width: 100%; display: none; background: #f80081; padding: 31px; box-shadow: 0px 10px 13px #6c6a6a; min-height: 220px; }
.content-box h4 { text-transform: capitalize; font-size: 27px; color: #fff; font-weight: 600; }
.content-box .close { float: right; font-size: 12px; font-weight: 500; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 1; position: absolute; right: 10px; top: 10px; background: #fff; width: 26px; height: 26px; text-align: center; border-radius: 71px; cursor: pointer; line-height: 25px; }
.Life .owl-dots { display: none; }
.Life .owl-carousel .owl-nav.disabled { display: block; position: absolute; top: 0; left: 80px; }
.mobile { display: none !important }
.Knowbox2 .knowmore { left: -380px; }
.Futureready .left-side { left: -129px; }
.Futureready .rotate-heading { left: 8px; bottom: auto; width: 61px; top: -53px; }
.waysec .left-side { left: -154px; top: 70%; }
.placement .left-side { left: -174px; }
.TopRecruiters .left-side { left: -154px; color: #fff }
.TopRecruiters .left-side p { color: #fff }
.Futureready .left-side { left: -225px; }
.main-banner { background: #0f3110 }
.main-banner > img { width: 57%; margin-left: auto; display: block; }
.edge { position: relative;    /* height: 850px; */ overflow: hidden; }
.edge ul { padding: 18px 0 0; list-style: none; display: inline-block; flex-wrap: wrap; justify-content: space-between; height: auto; width: 50%; }
.edge ul:last-child li { text-align: right; }
.pointslist { display: flex; justify-content: space-between; padding: 0 40px; }
.edge ul li { padding: 0 0 43px; list-style: none; width: 100%; min-height: 170px; }
.edge ul li:nth-child(1) { left: 70px; bottom: 20px; }
.edge ul li:nth-child(2) { left: 70px; right: auto; bottom: 262px; }
.edge ul li:nth-child(3) { left: 160px; right: auto; top: -10px; }
.edge ul li:nth-child(4) { right: -60px; left: auto; top: -10px; }
.edge ul li:nth-child(5) { right: 50px; left: auto; bottom: 230px; text-align: right; }
.edge ul li:nth-child(6) { right: 50px; left: auto; bottom: 40px; text-align: right; }
.edge ul li:nth-child(7) { right: 50%; left: auto; bottom: -130px; top: auto; margin-right: -18%; text-align: center; }
.edge .container { position: relative; }
.imagesection { width: 540px; position: absolute; top: 51px; transform: translate(-50%, 0%); left: 50%; height: 0px; }
.edge ul li:hover p { color: #006199; background: #fff; box-shadow: 0 0 4px; }
.imagesection img { transition: width 2s, height 2s, transform 2s; }
.imagesection:hover img.circul, .imagesection2:hover img.circul { transform: rotate(360deg); }
.imagesection2 { width: 289px; position: absolute; top: 20.5%; transform: translate(-50%, 0%); left: 50%; height: 0px; height: 314px; }
.edge ul li p { font-size: 18px; transition: all 0.3s; display: inline-block; padding: 10px; color: #5c5c5c; }
.tab-button { background: transparent; border: none; font-size: 20px; color: #060606; text-align: center; display: inline-block; width: 26%; cursor: pointer; padding: 18px 0; }
.buttonWrapper { display: flex; justify-content: center; margin-bottom: 40px; }
.tablinks { background: transparent; border: none; font-size: 16px; color: #5c5c5c; text-align: center; display: inline-block; width: 100%; cursor: pointer; padding: 26px 0; }
.tablinks.active { border-top: solid 6px #ffcb03; font-weight: 700; }
.tabcontent { position: relative; padding: 0 60px; }
.tabcontent::before { content: ""; position: absolute; width: 100%; height: 250px; background: #0f3110; left: 0; top: 0; z-index: -4; }
.namestudent { position: relative; }
.namestudent h3 { position: absolute; bottom: 21px; width: 100%; text-align: center; color: #fff; font-weight: 600; font-size: 22px; padding: 0 10px; }
.tab .item { position: relative; cursor: pointer }
.contentWrapper { padding: 50px; }
.contentWrapper .item:hover .detailsname { transform: translateY(0%); }
.detailsname { position: absolute; top: 0; background: #ffcc00; padding: 20px; height: 100%; transform: translateY(109%); transition: all 0.3s; }
.detailsname h3 { color: #000; font-weight: 600; font-size: 21px; text-transform: uppercase; margin-bottom: 10px; }
.detailsname p { color: #000; font-size: 15px; margin-bottom: 10px; }
.know-more a { color: #0f3110; font-weight: 600; text-decoration: none; margin-top: 40px; display: inline-block; }
.know-more { position: absolute; bottom: 20px; left: 20px; }
.owl-nav span { font-size: 35px; color: #333; border: solid 2px #0f3110; width: 38px; height: 38px; margin: 0px 0 20px 13px; display: inline-block; text-align: center; line-height: 30px; border-radius: 20px; }
.owl-nav span:hover { background: #0f3110; color: #fff }
.owl-nav { display: block; text-align: center; margin: 30px 0; }
#Program .owl-dots { display: none; }
#about { }
.content { display: none; }
.content.active { display: block; }
.activity { position: relative }
.activity::before { content: ""; background: #ffcb03; width: 100%; height: 460px; position: absolute; top: 0; }
.tab { display: flex; justify-content: space-between; background: #fff; padding: 0 30px; width: 76%; margin: -20px auto 0; position: absolute; bottom: -20px; z-index: 9; transform: translateX(-50%); left: 50%; }
.tab button { }
.tab button.active { }
#Program .contentWrapper::before { content: ""; position: absolute; width: 100%; height: 250px; background: #0f3110; left: 0; top: 0; z-index: -4; }
.tab-button.active { border-bottom: solid 4px; }
.award .owl-carousel { position: absolute; top: 0; right: 0; z-index: 99; background: #fff; padding: 0 100px; }
.relativebox { position: absolute; top: 0; width: 100%; }
.award .item { display: flex; align-items: center; }
body { font-family: 'Poppins', sans-serif; }
@keyframes bounce {
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
40% { transform: translateY(-30px); }
60% { transform: translateY(-15px); }
}
.click-icon { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
header .container-fluid { padding-left: 60px; }
p { font-size: 16px; color: #8e8e8e; line-height: 22px; }
p span { color: #3e703f; font-weight: 600; }
@font-face { font-family: UniSansHeavyCAPS; font-style: normal; font-weight: 400; src: local('Bebas Neue Regular'), url(../fonts/UniSansHeavyCAPS.woff) format('woff') }
.foster { padding: 60px 90px 0 60px; }
.foster .heading { margin-bottom: 20px; margin-top: 40px; }
.count-particles { display: none; }
.can ~ div { display: none; }

/* ---- reset ---- */
canvas { display: block; vertical-align: bottom; }

/*form*/
.applybtn a { position: fixed; right: -63px; transform: rotate(90deg); background: #259609; top: 50%; color: #fff; padding: 8px 20px 9px; text-transform: uppercase; font-size: 17px; margin-top: -60px; border: solid 1px #259609; cursor: pointer; z-index: 99; text-decoration: none; display: none; border-radius: 0 0 13px 15px; font-weight: 600; }
html { scroll-behavior: smooth; }
.applybtn.sticky a { display: block; }
.form-sec { position: fixed; transition: all 0.5s; width: 320px; background: #FFF; padding: 0px 17px 13px; border-radius: 6px; float: right !important; z-index: 99; top: 120px; right: 45px; box-shadow: 0 0 40px 0px #8e8e8e; }
.form-sec.sticky { right: -1450px; }
.form-sec.slide { right: 45px; }
.form-sec::before { content: ''; display: block; width: 50%; position: absolute; top: -0.5rem !important; left: 0; border-top: 0.5em solid #259609; margin: 0.5em auto 0; border-radius: 6px; }
.adm-txt { font-size: 19px; color: #259609; text-align: left; text-transform: uppercase; margin: 17px auto 8px; font-weight: 500; }
.form-sec .form-group { position: relative; }
.form-sec .form-group::before { position: absolute; content: ""; background-image: url("../images/form-icon.png"); background-position: -3px -7px; width: 29px; height: 29px; top: 4px; left: -5px; opacity: 0.3; }
.Name::before { background-position: -4px -7px !important; }
.email::before { background-position: -3px -54px !important; }
.Mobile::before { background-position: -3px -100px !important; }
.Course::before { background-position: -3px -150px !important; }
.State::before { background-position: -3px -239px !important; }
.City::before { background-position: -3px -195px !important; top: 3px !important; }
.Course::before { background-position: -3px -145px !important; top: 3px !important; }


.mobile { display: none !important }
.input { padding: 0 11px 0 28px; height: 30px; width: 100%;    /* border-radius: 6px; */ font-size: 13px; color: #585858; border: none; background: none; font-weight: 300; border-bottom: solid 2px #ece8e8; }
input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
color: #585858; opacity: 1 }
input::-moz-placeholder {  /* Firefox 19+ */
color: #585858; opacity: 1 }
input:-ms-input-placeholder {  /* IE 10+ */
color: #585858; opacity: 1 }
input:-moz-placeholder {  /* Firefox 18- */
color: #585858; opacity: 1 }
.term { font-size: 0.8rem !important; }
.sbt { border: 0; border-radius: 2px; background: #259609; color: #fff; font-size: 17px; font-weight: 600; text-transform: uppercase; margin: 15px auto 5px; width: 100%; display: inherit; cursor: pointer; padding: 8px 20px; }
.mobile { display: none !important }
.tablist { background: #ffbf00; padding: 30px 30px 13px; border-radius: 10px; position: relative; }
.tablist p { font-size: 22px; font-weight: 600; min-height: 129px; }
.tablist img { width: 44px; height: 40px; object-fit: scale-down; }
.tablist span { position: absolute; bottom: 0px; right: 26px; font-size: 103px; font-weight: 700; color: #fff; opacity: 0.6; line-height: 74px; font-family: arial; }
.desktop { }
.Edgelist img { max-width: 43px; position: absolute; left: 0; top: 0; }

/*header*/
header { width: 100%; padding-top: 28px;}
.main-banner {  /*! position: relative; */ }
.banner-text {width: 100%; }
.owl-nav { display: none; }
.owl-dot.active span { width: 7px; background: #e9be31; border-color: #e9be31; }
.owl-dots { position: absolute; top: 290px; right: 290px; z-index: 999999; }
.owl-dot span { width: 43px; height: 7px; display: inline-block; border: solid 2px #00cfcd; margin: 0 2px; border-radius: 50px; background: transparent; }
.banner-text img {
    width: 70%;
    margin-top: 30px;
}
.banner-text h2 span, .banner-text h1 span { color: #ffad00; font-weight: 700; }
.banner-text h4 { font-size: 40px; font-weight: 600; margin-top: 30px; }
.banner-text h2 { color: #fff; font-size: 20px; line-height: 25px; font-weight: 600; text-transform: none; letter-spacing: 0; position: relative; margin-bottom: 10px; margin-top: 20px; }
.banner-text h1 { color: #fff; font-size: 30px; line-height: 44px; font-weight: 600; text-transform: uppercase; letter-spacing: 0; position: relative;}
.secpadding { padding: 70px 0; }
h2 { font-size: 37px; color: #000; font-weight: 400; text-transform: uppercase; line-height: 38px; margin-bottom: 10px; }
.heading h2 span, .heading p span { color: #ffad00; }
.logo { width: 200px; display: inline-block; }
.heading p { font-size: 16px; color: #000; }
.banner-btn { width: 300px; }
.list_init { padding: 40px 110px; }
.imgban { color: #ffcc00; font-size: 60px; font-weight: 900; line-height: 60px; text-transform: uppercase; }
.list-sal .lpa { padding: 0px 4px 50px; position: relative; z-index: 9; }
.list-sal ul { list-style: none; display: block; padding: 25px; margin: 0px; flex-wrap: wrap; width: 100%; margin: auto; justify-content: space-between; }
.lpabox { background: transparent; }
.list-sal ul li:first-child { }
.list-sal ul li { padding: 47px 0 24px; text-align: left; position: relative; margin-bottom: 0; color: #000; transition: all 0.4s }
.list-sal ul li h3 { font-weight: 900; font-size: 62px; line-height: 34px; color: #ffcc00; font-family: UniSansHeavyCAPS; text-align: left; }
.list-sal ul li h3 label { font-size: 18px; margin-left: 15px; display: inline-block; position: absolute; top: -1px; right: 37px; color: #000; font-family: 'Poppins', sans-serif; }
.list-sal ul li p { margin: 6px 0 0; font-size: 17px; font-weight: 600; display: inline-block; text-align: left; width: 100%; color: #302f2f; text-transform: uppercase; }
.about-university h2 { background: #3b1a6f; color: #fff; display: inline-block; padding: 10px 70px; width: 70%; text-align: right; margin: 0; }
.about-university .heading p { background: #43cfcf; color: #fff; padding: 50px 200px 50px 330px; font-size: 14px; line-height: 25px; }
.about-university > div { position: relative; margin-top: -80px; }
.girl { position: relative; top: -209px; width: 590px; left: -420px; margin-bottom: -377px; }
.list_li li label { cursor: pointer; }
.ENGINEERING ul { display: flex; list-style: none; padding: 0; justify-content: space-between; margin: 0 }
.bulding { position: static; margin-top: -260px; }
.list_li ul { display: flex; justify-content: space-between; margin-top: 40px; padding: 0; max-width: 89%; margin: auto; flex-wrap: wrap; }
.list_li ul > li { position: relative; margin-bottom: 0; min-height: 80px; padding-top: 20px; list-style: none; margin-left: 0; padding: 20px; cursor: pointer; transition: all 0.4s; width: 21%; text-align: left; margin-top: 34px; }
.list_li ul > li:hover { box-shadow: 0 0 4px #b8b5b5; margin-top: 15px; }
.list_li ul > li:hover h3 { color: #3e703f }
.list_li li > span { position: static; left: 0; top: 0; display: block; margin: auto; }
.list_li li img { top: 0; width: 74px; height: 46px; object-fit: scale-down; position: static; display: block; margin: auto 0; }
.list_li h3 {
	font-size: 15px;
	color: #5b5b5b;
	transition: all 0.4s;
	font-weight: 500;
	margin: 19px 0 6px;
}
.input:focus{outline: 0}
.list_li li label { margin: auto; width: 28px; display: block; }
.imagesection { width: 520px; position: absolute; top: 51px; transform: translate(-50%, 0%); left: 50%; height: 0px; }
.imagesection img { transition: width 2s, height 2s, transform 2s; }
.imagesection img:hover { transform: rotate(360deg); }
.heading:hover .bulb { width: 250px; filter: grayscale(0) }
.points { display: flex; justify-content: space-between; width: 60%; }
.points > div { margin-right: 70px; font-size: 20px; font-weight: 600; line-height: 25px; margin-top: 119px; text-transform: uppercase; position: relative; width: 218px; }
.waysec.secpadding { height: 590px; padding-top: 0; }
.waysec .heading { position: relative; top: 50px }
.way { position: absolute; margin-top: 0; z-index: -1; width: 320px; top: 0; right: 60px; float: right; }
.waysec .container { position: relative; }
.relative { position: relative }
.placement { background-image: url(../images/chain-bg.jpg); height: 1030px; background-size: 100%; position: relative; }
.placement .heading { margin-top: 60px; }
.pointer { position: absolute; width: 169px; left: 205px; bottom: 371px; }
.placement .container { position: relative }
.placement ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; margin-top: 23px; }
.placement h3 { color: #e0b300; font-size: 70px; font-weight: 900; position: relative; display: inline-block; transition: all 0.4s; }
.placement li div:hover h3 { color: #fff; }
.placement p { color: #fff; font-size: 17px; line-height: 21px; text-transform: capitalize; }
.placement ul li { width: 50%; margin: 20px 0 0; position: relative }
.placement ul li div { position: relative; display: inline-block; }
.placement ul li label { font-size: 14px; color: #e0b300; position: absolute; top: 70px; right: -22px; }
.TopRecruiters .owl-dots { position: absolute; text-align: center; margin-bottom: -30px; right: 0; top: -30px; }
.TopRecruiters .owl-nav { display: none }
.TopRecruiters .owl-dot span { width: 9px; border: solid 2px #fff; background: transparent; height: 9px; }
.TopRecruiters .owl-dot.active span { width: 37px; background: #ffc646; border-color: #ffc646; }
.placement ul li:nth-child(2) label { right: -25px; }
.placement h3 span.rt { transform: rotate(-90deg); position: absolute; font-size: 21px; top: 26px; right: -46px; }
.placement h2 { color: #fff; }
button:focus { outline: none }
.TopRecruiters .owl-carousel { display: none; width: 100%; z-index: 1; background: #fff; }
.TopRecruiters {  /*background-image: url(../images/requt-bg.jpg);*/
background-attachment: fixed; background-size: cover; margin-top: -140px; }
.listbox .left-side { position: absolute; left: -175px; top: 50%; }
.TopRecruiters .owl-carousel .owl-item img { width: 250px; height: 70px; object-fit: scale-down; transition: all 0.4s; cursor: pointer; transform: scale(0.8); padding: 10px; margin: 10px auto 20px; filter: grayscale(1); }
.TopRecruiters .owl-carousel .owl-item img:hover { filter: grayscale(0); }
.Futureready .img-fluid { transition: all 0.4s; filter: grayscale(1); border: solid 1px #fff }
.logo-uni ul { display: flex; justify-content: center; padding: 50px 0; list-style: none; flex-wrap: wrap; max-width: 80%; margin: auto; }
.logo-uni ul li { padding: 30px; width: 33%; text-align: center; border-right: solid 2px #ccc; margin-bottom: 0; border-bottom: solid 2px #ccc; }
.logo-uni ul li:nth-child(3n) { border-right: 0 }
.logo-uni ul li:nth-child(4), .logo-uni ul li:nth-child(5), .logo-uni ul li:nth-child(6) { margin-bottom: 0; border-bottom: solid 0px #ccc; }
.logo-uni ul li img { width: 210px; height: 90px; object-fit: scale-down; padding: 0; }
.Futureready .img-fluid:hover { filter: grayscale(0); transform: scale(1.1); }
.TopRecruiters h2 { color: #fff; margin-bottom: 26px; }
.bgtest { background-image: url(../images/testimonial.jpg); height: 690px; background-repeat: no-repeat; background-size: 100%; width: 90%; margin: 50px auto; }
.StudentSpeak .owl-carousel .owl-item img { width: 130px; background: #3e703f; border-radius: 330px; padding: 0px 0 0; height: 130px; margin-top: 0; position: relative; top: 0px; }
.list_li { position: relative; }
.list_li .knowmore { top: 0; width: 100%; display: block; }
.content-box { display: none; }
.content-box { position: absolute; top: 0; left: 0; width: 100%; display: none; background: #f80081; padding: 31px; box-shadow: 0px 10px 13px #6c6a6a; min-height: 220px; }
.content-box h4 { text-transform: capitalize; font-size: 27px; color: #fff; font-weight: 600; }
.content-box .close { float: right; font-size: 12px; font-weight: 500; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 1; position: absolute; right: 10px; top: 10px; background: #fff; width: 26px; height: 26px; text-align: center; border-radius: 71px; cursor: pointer; line-height: 25px; }
.Life .owl-dots { display: none; }
.Life .owl-carousel .owl-nav.disabled { display: block; position: absolute; top: 0; left: 80px; }
.mobile { display: none !important }
.Knowbox2 .knowmore { left: -380px; }
.Futureready .left-side { left: -129px; }
.Futureready .rotate-heading { left: 8px; bottom: auto; width: 61px; top: -53px; }
.waysec .left-side { left: -154px; top: 70%; }
.placement .left-side { left: -174px; }
.TopRecruiters .left-side { left: -154px; color: #fff }
.TopRecruiters .left-side p { color: #fff }
.Futureready .left-side { left: -225px; }
 .main-banner {

    background-image: url(../images/banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 767px;
}
.edge { position: relative;    /* height: 850px; */ overflow: hidden; }
.edge ul { padding: 18px 0 0; list-style: none; display: inline-block; flex-wrap: wrap; justify-content: space-between; height: auto; width: 50%; }
.edge ul:last-child li { text-align: right; }
.pointslist { display: flex; justify-content: space-between; padding: 0 40px; }
.edge ul li { padding: 0 0 43px; list-style: none; width: 100%; min-height: 170px; }
.edge ul li:nth-child(1) { left: 70px; bottom: 20px; }
.edge ul li:nth-child(2) { left: 70px; right: auto; bottom: 262px; }
.edge ul li:nth-child(3) { left: 160px; right: auto; top: -10px; }
.edge ul li:nth-child(4) { right: -60px; left: auto; top: -10px; }
.edge ul li:nth-child(5) { right: 50px; left: auto; bottom: 230px; text-align: right; }
.edge ul li:nth-child(6) { right: 50px; left: auto; bottom: 40px; text-align: right; }
.edge ul li:nth-child(7) { right: 50%; left: auto; bottom: -130px; top: auto; margin-right: -18%; text-align: center; }
.edge .container { position: relative; }
.imagesection { width: 540px; position: absolute; top: 51px; transform: translate(-50%, 0%); left: 50%; height: 0px; }
.edge ul li:hover p { color: #006199; background: #fff; box-shadow: 0 0 4px; }
.imagesection img { transition: width 2s, height 2s, transform 2s; }
.imagesection:hover img.circul, .imagesection2:hover img.circul { transform: rotate(360deg); }
.imagesection2 { width: 289px; position: absolute; top: 20.5%; transform: translate(-50%, 0%); left: 50%; height: 0px; height: 314px; }
.edge ul li p { font-size: 18px; transition: all 0.3s; display: inline-block; padding: 10px; color: #5c5c5c; }
.tab-button { background: transparent; border: none; font-size: 20px; color: #060606; text-align: center; display: inline-block; width: 26%; cursor: pointer; padding: 18px 0; }
.buttonWrapper { display: flex; justify-content: center; margin-bottom: 40px; }
.tablinks { background: transparent; border: none; font-size: 16px; color: #5c5c5c; text-align: center; display: inline-block; width: 100%; cursor: pointer; padding: 26px 0; }
.tablinks.active { border-top: solid 6px #ffcb03; font-weight: 700; }
.tabcontent { position: relative; padding: 0 60px; }
.tabcontent::before { content: ""; position: absolute; width: 100%; height: 250px; background: #0f3110; left: 0; top: 0; z-index: -4; }
.namestudent { position: relative; }
.namestudent h3 { position: absolute; bottom: 21px; width: 100%; text-align: center; color: #fff; font-weight: 600; font-size: 22px; padding: 0 10px; }
.tab .item { position: relative; cursor: pointer }
.contentWrapper { padding: 50px; }
.contentWrapper .item:hover .detailsname { transform: translateY(0%); }
.detailsname { position: absolute; top: 0; background: #ffcc00; padding: 20px; height: 100%; transform: translateY(109%); transition: all 0.3s; }
.detailsname h3 { color: #000; font-weight: 600; font-size: 21px; text-transform: uppercase; margin-bottom: 10px; }
.detailsname p { color: #000; font-size: 15px; margin-bottom: 10px; }
.know-more a { color: #0f3110; font-weight: 600; text-decoration: none; margin-top: 40px; display: inline-block; }
.know-more { position: absolute; bottom: 20px; left: 20px; }
.owl-nav span { font-size: 35px; color: #333; border: solid 2px #0f3110; width: 38px; height: 38px; margin: 0px 0 20px 13px; display: inline-block; text-align: center; line-height: 30px; border-radius: 20px; }
.owl-nav span:hover { background: #0f3110; color: #fff }
.owl-nav { display: block; text-align: center; margin: 30px 0; }
#Program .owl-dots { display: none; }
#about { }
.content { display: none; }
.content.active { display: block; }
.activity { position: relative }
.activity::before { content: ""; background: #ffcb03; width: 100%; height: 460px; position: absolute; top: 0; }
.tab { display: flex; justify-content: space-between; background: #fff; padding: 0 30px; width: 76%; margin: -20px auto 0; position: absolute; bottom: -20px; z-index: 9; transform: translateX(-50%); left: 50%; }
.tab button { }
.tab button.active { }
#Program .contentWrapper::before { content: ""; position: absolute; width: 100%; height: 250px; background: #0f3110; left: 0; top: 0; z-index: -4; }
.tab-button.active { border-bottom: solid 4px; }
.award .owl-carousel { position: absolute; top: 0; right: 0; z-index: 99; background: #fff; padding: 0 100px 20px; }
.relativebox { position: absolute; top: 0; width: 100%; }
.award .item { display: flex; align-items: center; }
.award .item p { padding-right: 40px; color: #000; padding-left: 10px; max-width: 85%; font-size: 14px; margin: 0; }
.award .item .imgb { }
.award .owl-nav { position: absolute; right: 130px; top: 100px; }
.award .owl-nav span { color: #fff; border: solid 2px #fff; }
.award .owl-dots { display: none }
.bottom-bdr p { font-weight: 600; margin: 30px 0; font-size: 16px; text-transform: uppercase; color: #000; text-align: center; }
.ACHIEVERS .item { cursor: pointer }
.achivv { position: absolute; top: 45px; left: 8px; z-index: 2; width: 99%; background: #e3ffdc; height: 300px; display: none; padding: 34px; }
.achivv a { color: #527e27; font-weight: 600; margin-top: 20px; display: inline-block; border-bottom: solid 2px; text-decoration: none; }
.achi-details { display: flex; align-items: center; }
.ac_det { padding-left: 40px; }
.ac_det h3 { font-weight: 600; }
.ac_det p { color: #000; font-size: 17px; line-height: 27px; }
.achivv .close { float: right; font-size: 18px; font-weight: 600;    /* line-height: 1; */ color: #000; text-shadow: none; opacity: 1 !important; position: absolute; right: 10px; top: 10px; background: #ffca05; width: 26px; height: 26px; text-align: center; border-radius: 71px; cursor: pointer; line-height: 25px; }
.ACHIEVERS .item img:hover { transform: scale(1.2); }
.ACHIEVERS .item img { transition: all 0.3s; }
.ACHIEVERS .item { overflow: hidden; }
.all-view { text-align: right; }
.all-view a { color: #000; font-weight: 600; margin: 10px 0; display: inline-block; }
.edge ul li span { display: none; }
.li { }
.ACHIEVERS{ background:#f1f1f1;}




/*................................... Ranking caraousel css ............................................*/
.logodiv1 img {
    max-width: 250px;
    display: inline-block !important;
    height: 125px;
    object-fit: scale-down;
    padding: 2px;
    transform: scale(0.8);
    transition: all 0.6s;
}

.logodiv1 {
    box-shadow: 0 0 10px #ddd;
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 8px;
    text-align: center;
    margin: 6px 8px;
    max-width: 250px;
    overflow: hidden;
}

.ranking{position:relative;}
.ranking .owl-dots {display:none;}
.ranking .owl-nav {display: none;  text-align: center;
    margin: 10px 0;}
.ranking .owl-carousel .owl-nav button.owl-next {
    width: 31px;
    height: 31px;
    outline: none;
    margin: 0 3px;
    background: #2b6030 !important;
    border-radius: 6px;
}

.ranking .owl-carousel .owl-nav button.owl-prev {
    width: 31px;
    height: 31px;
    outline: none;
    margin: 0 3px;
    background: #2b6030 !important;
    border-radius: 6px;
}

.ranking button.owl-prev span,
.ranking button.owl-next span {
    color: #fff;
    font-size: 40px;

    line-height: 20px;
    display: inline-block;
}
