* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
h1,
h2,
h3,
h5,
h4,
h6,
p,
ul,
li,
a {
color: #000;
}
html,
body {
font-family: "Poppins", sans-serif;
}
body {
background-color: #fff;
font-family: "Poppins", sans-serif;
}
/* form css */
.form-sec {
position: fixed;
top: 10%;
right: 0px;
width: 360px;
background: #00769c;
padding: 30px;
z-index: 9;
transition: .3s all;
z-index: 9999;
border-radius: 0;
}
.form-sec .close {
position: absolute;
top: 10px;
right: 10px;
color: #ffffff;
font-size: 21px;
background: transparent;
border: none;
cursor: pointer;
}
.slide-righta.form-sec {
transform: translatex(120%);
transition: .3s all;
}
.hides.form-sec {
transform: translatex(120%);
transition: .3s all;
}
.adm-txt h3 {
font-size: 27px;
color: #ffffff;
}
.adm-txt h4 {
font-size: 23px;
color: #ffffff;
}
.adm-txt {
color: #ffffff;
text-align: center;
margin-bottom: 12px;
line-height: 30px;
}
.form-group {
margin-bottom: 1rem;
width: 100%;
}
.form-sec .form-group {
position: relative;
padding-left: 20px;
background: #ffffff;
border-radius: 0;
margin-bottom: 21px;
}
.form-sec .form-group::before {
position: absolute;
content: "";
width: 30px;
height: 40px;
background-position: -3px -11px;
top: 7px;
left: 4px;
}
.form-sec .form-group.email::before {
background-position: -3px -57px;
width: 30px;
}
.form-sec .form-group.Mobile::before {
background-position: -4px -103px;
}
.form-sec .form-group.State::before {
background-position: 1px -161px;
top: 5px;
height: 25px;
width: 33px;
background-size: 30px;
}
.form-sec .form-group.City::before {
background-position: -3px -242px;
top: 5px;
height: 21px;
}
/* .checkbox-label input:checked~.checkmark {
background-color: #fff;
} */
.checkmark {
position: absolute;
top: 3px;
left: 0;
height: 14px;
width: 14px;
border: solid 1px #ffffff;
/* background: black;
background-color: black; */
border-radius: 0;
}
.checkbox-label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox-label .checkmark::after {
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.checkbox-label input:checked~.checkmark:after {
display: block;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox-label {
display: block;
position: relative;
padding-left: 20px;
margin-bottom: -1px;
cursor: pointer;
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: #ffffff;
line-height: 19px;
}
.sbt {
border: solid 1px var(--form-submit-button);
border-radius: 0;
padding: 8px 20px;
color: #000;
font-weight: bold;
/* text-transform: uppercase; */
margin: 14px auto 0;
width: 100%;
display: inherit;
font-size: 20px;
background-color: #fff;
}
.input {
border: none;
padding: 0;
height: 30px;
width: 100%;
border-radius: 0;
font-size: 13px;
color: #000000;
background: rgb(255 255 255);
outline: 0;
font-weight: 600;
}
::placeholder {
color: #000000;
}
.form-sec.show.slide {
right: 40px;
}
.form-sec.show {
position: fixed;
right: -940px;
left: auto;
transition: all 0.5s;
z-index: 99;
top: 48%;
margin-top: -203px;
}
.topenq1.mobile {
display: none;
}
.topenq {
right: 0px;
transform: rotate(90deg) translatey(-39px);
}
.topenq {
position: fixed;
top: 49%;
right: -55px;
transform: rotate(90deg);
overflow: hidden;
z-index: 300;
background-color: #9a245f;
color: #fff;
outline: none;
z-index: 999;
}
.topenq a:hover {
outline: none;
color: #ffffff;
background-color: #9a245f;
border: none;
}
.topenq .btn:first-child:active {
color: #000;
}
.topenq a {
border: none;
color: #ffffff;
background-color: #00769c;
font-size: 20px;
padding: 13px 21px;
z-index: 999999999;
position: relative;
display: inline-block;
text-decoration: none;
}
.error {
color: #ff0000;
font-size: 12px;
margin-left: 4px;
position: absolute;
bottom: -15px;
left: 0px;
line-height: 11px;
font-family: 'Gothamlight';
}
@media (max-width: 576px) {
.form-sec {
width: 95%;
padding: 20px;
position: static;
transform: none;
transform: initial;
margin: auto;
}
.form-sec .close {
display: none;
}
.slide-righta .form-sec {
right: 0;
display: none;
}
.topenq {
position: fixed;
top: auto;
top: initial;
width: 100%;
right: auto;
right: initial;
transform: none;
transform: initial;
overflow: hidden;
z-index: 300;
bottom: 0;
}
.topenq1.mobile {
display: block;
}
.topenq.desktop {
display: none;
}
.topenq1 {
position: fixed;
top: auto;
top: initial;
width: 100%;
right: auto;
right: initial;
transform: none;
transform: initial;
overflow: hidden;
z-index: 300;
bottom: 0;
z-index: 9999;
background: #e31937;
}
.special_item:focus-visible {
outline: none;
}
.topenq1.mobile a {
display: block;
text-align: center;
padding: 15px;
transition: all 0.3s ease;
color: #ffffff;
font-size: 16px;
text-decoration: none;
}
.slide-righta.active .side-slide-form-wrap {
display: block;
}
.admission {
margin-top: 0rem;
}
}
/*banner css strt here */
/*banner-sec css strt here */
.banner-sec {
background: url(../img/banner.webp);
background-repeat: no-repeat;
background-size: cover;
background-position:right;
height: 100vh;
}
.logo {
padding: 20px 50px;
}
.logo img {
width: 130px;
}
.logo-img {
width: 100%;
height: auto;
padding: 30px 60px;
}
.banner-sec h1 {
    font-size: 34px;
    line-height: 1.3;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-family: "Poppins";
    margin-top: 40px;
}
.banner-sec h2 {
    font-size: 55px;
    line-height:1.2;
    text-transform: uppercase;
    color: #fbba00;
    font-weight: 700;
    font-family: "Poppins";
    margin-top: 70px;
    margin-bottom: 30px;
}
.banner-sec .apply-btn {
    font-size: 28px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #ffffff;
    background: #00769c;
    border-radius: 10px;
    padding: 8px 18px;
    text-decoration: none;
    font-weight: 700;
}


/*ai-driven css strt here */
.ai-driven {
    background: #e2ebed;
    padding: 60px 0;
    position: relative;
}
.ai-box p{
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #000000;
    font-weight: 500;
    font-family: "Poppins";
    text-align: center;
}
.ai-box p span{
    font-weight: 700;
}
.ai-driven .row .col-md-3 {
    width: 20%;
}
.ai-driven .row>div:not(:last-child){
    border-right: 2px dashed #00769c;
}
.left-shape {
    position: absolute;
    top: -60px;
    left: 0;
}
.right-shape {
    position: absolute;
    top: -60px;
    right: 0;
}
.head-box h2 {
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 1.2;
    color: #000;
    font-weight: 700;
    font-family: "Poppins";
    text-align: center;
}
.head-box h2 span{
       color: #00769c;
}
.tech-right p {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 300;
    font-family: "Poppins";
    max-width: 600px;
}
section.technology {
    padding: 60px 0;
}
.school-bottom{
    width: 100%;
}
.school-bottom img{
    width: 100%;
}
.tech-right{
    position: relative;
}
.school-bottom {
    position: absolute;
    bottom: -100%;
    right: -15%;
}
.technology .head-box.text-center {
    margin-bottom: 50px;
}
.tech-left img {
    width: 100%;
}

/* why-coose sec css strt here */
.why-choose{
    background: url(../img/why-choose.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px 70px;
}
.why-choose .head-box h2 {
    text-align: left;
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: 600;
    font-family: "Poppins";
    margin-bottom: 30px;
}
.why-choose .head-box h2 span{
    font-weight: 900;
}
.why-choose .head-box h2 span{
    color: #fff;
}
.choose-box p {
    font-size: 16px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: 500;
    font-family: "Poppins";
    text-align: center;
    margin: 10px 0 10px;
}
.choose-box p span{
    font-weight: 800;
}
.choose-box {
    text-align: center;
    background: url(../img/school-shape.webp);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 16px;
    background-position: center;
    margin-bottom: 30px;
}

/* advanced-research css strt here */
.advanced-research{
    background: url(../img/advanced-researhh.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0 150px;
    position: relative;
}
.advanced-left .head-box h2{
    color: #fff;
    text-align: left;
}
.advanced-left .head-box h2 span{
    color: #fff;
    text-align: left;
}
.advanced-left .head-box p {
    color: #efefef;
    max-width: 540px;
}
.advanced-left ul {
    padding-left: 20px;
    margin-top: 42px;
}
.advanced-left ul li {
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 12px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";
    border-bottom: 2px solid #98a2a5;
    list-style: none;
    width: 70%;
    padding-left: 0;
    list-style: disc;
}

/* life css strt here */
.life{
    padding: 60px 0;
    position: relative;
}
.life:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background-color: #00769c;
}
.life .head-box{
    margin-bottom: 40px;
}
.career-box {
    background: url(../img/cr-shape.webp);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px 20px 50px 20px;
}
.career-box img{
    width: 230px;
}
.career-box p {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #231f20;
    font-weight: 900;
    font-family: "Gotham";
    text-align: center;
    margin-top: 12px;
}
.lifSli{
    padding-bottom: 40px;
}
.life .head-box h2{
    color: #fff;
}
.life .head-box h2 span{
    color: #fff;
}
.life .head-box {
    position: relative;
}



/* group section start */

.group .heading {
    padding-bottom: 80px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.group {
    position: relative;
    padding-bottom: 60px;
}

.group>figure {
    position: absolute;
}

.grAll {
    display: flex;
    justify-content: center;
}

.grAll .gr {
    width: 33%;
}

.grAll .gr figure:first-child {
    border-bottom: 2px solid  #80bbce;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom-style: dashed;
}

.grAll .gr figure img {
    width: 250px;
    aspect-ratio: 3/1;
    object-fit: contain;
}

.grAll .gr figure {
    text-align: center;
    position: relative;
}

.grAll .gr:nth-child(2) figure:last-child {
    border-right-style: dashed;
    border-left-style: dashed;
    border-color:  #80bbce;
}

.grAll .gr:nth-child(2) figure:first-child::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 60%;
    border-right-style: dashed;
    border-color:  #80bbce;
    content: "";
}

.grAll .gr:nth-child(2) figure:first-child::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 60%;
    border-right-style: dashed;
    border-color:  #80bbce;
    content: "";
}
.group .head-box{
    margin-bottom: 40px;
}

/* group section end */

/* tech-global css strt here */
.tech-global{
    background: url(../img/tech-global.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0;
}

.tech-global .row>div:nth-child(1){
     border-right: 2px dashed #80bbce;
}
.tech-global .row>div:nth-child(2){
     border-right: 2px dashed #80bbce;
}
.tech-global .row>div:nth-child(4){
     border-right: 2px dashed #80bbce;
}
.tech-global .row>div:nth-child(5){
     border-right: 2px dashed #80bbce;
}

/* .tech-box img {
    aspect-ratio: 3 / 1;
    object-fit: contain;
    width: 200px;
} */
 .tech-box img {
    aspect-ratio: 1;
    object-fit: contain;
    width: 200px;
}
.tech-global .row>div{
    margin-bottom: 40px;
}
.tech-box {
    text-align: center;
}
.tech-global .head-box {
    margin-bottom: 50px;
}

/* scholarship css strt here */
.scholarship {
    padding: 60px 0 0;
    position: relative;
}
.scholarship .container {
    background: url(../img/scholarship-shape.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    padding-bottom: 28px;
}
.scholar-cont h3 {
    font-size: 42px;
    letter-spacing: 1px;
    line-height: 1.2;
    color: #000000;
    font-weight: 500;
    font-family: "Poppins";
}
.scholar-cont h3 span{
    color: #00769c;
    font-weight: 800;
}
.scholar-cont p {
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #000000;
    font-weight: 300;
    font-family: "Poppins";
    margin-top: 20px;
}
.scholarship .row{
    align-items: center;
}
.scholar-img img {
    width: 100%;
}
.scholar-img {
    position: absolute;
    top: 0;
    left: 10%;
}




/* apollo-hospital css strt here */
.apollo-hospital{
    background: url(../img/hospital-bg.webp)no-repeat center /cover;
    padding: 40px 0;
    position: relative;
}
.ap-box h3 {
    font-size: 68px;
    line-height: 1;
    color: #ffffff;
    font-weight: 700;
    font-family: "Poppins";
    text-align: center;
    padding: 0;
    margin: 0;
}
.ap-box h3 span{
    font-size: 42px;
}
.ap-box p{
    font-size: 21px;
    line-height:1.2;
    color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";
    text-align: center;
}
.apollo-hospital .row .col-lg-3 {
    width: 20%;
}
.apollo-hospital .head-box h2{
    color: #fff;
    margin-bottom: 30px;
}
.accre-box {
    text-align: center;
}
.accre-box p {
    font-size: 16px;
    line-height: 1.2;
    color: #000000;
    font-weight: 600;
    font-family: "Poppins";
    text-align: center;
    margin-top: 8px;
}
.government-accreditations .row>div:not(:last-child){
    border-right: 2px dashed #0e7290;
}
.government-accreditations .row>div{
    place-content: center;
}
.government-accreditations {
    padding: 60px 0;
}
.government-accreditations .head-box{
    margin-bottom: 40px;
}


/* global section css end  */
.progTab {
display: flex;
}
.progTab .progNav {
width: 100%;
background: #fff;
padding: 20px 0 10px;
}
.progTab .progNav .nav {
flex-direction: column;
gap: 20px;
}
.progTab .progNav .nav button {
    background: url(../img/btech-shape.webp);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding: 10px 30px;
    font-size: 24px;
    font-weight: 600;
    margin-right: 40px;
    height: 60px;
    width: 220px;
    place-content: center;
    color: #000;
    transition: all ease-in .1s;
}
.progTab .progNav .nav button.active {
    /* color: #fff;
    background-color: #00769c;
    height: 60px;
    width: 200px;
     font-size: 24px; */
     background: url(../img/tech-hoverr.webp);
     background-repeat: no-repeat;
     background-size: contain;
     color: #fff;
    
}
/* width */
.allUl::-webkit-scrollbar {
width: 10px;
}
/* Track */
.allUl::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.allUl::-webkit-scrollbar-thumb {
background: var(--red);
}
/* Handle on hover */
.allUl::-webkit-scrollbar-thumb:hover {
background: #ff5353;
}
.progTab .progNav .nav button.active::after {
width: 100%;
}
.prCon {
padding-left: 20px;
}
.progCon figure {
border-radius: 20px;
overflow: hidden;
position: relative;
margin-left: 50px;
}
.progCon {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.progCon figure img {
width: 100%;
height: 100%;
}
.prCon ul {
display:block;
gap: 5px;
padding-top: 13px;
padding-left: 21px;
flex-wrap: wrap;
}
.prCon ul li {
list-style: none;
font-size: 24px;
line-height: 1.1;
color: #000000;
font-weight: bold;
font-family: "Mulish";
margin-bottom: 18px;
}
.prCon ul li span{
color: #ffa706;
}
.prCon h3 {
padding-top: 25px;
font-size: 30px;
position: sticky;
top: 0;
background: #fff;
}
.allUl.diff ul li {
font-size: 30px;
font-weight: 500;
}
.ulDif {
flex-direction: column !important;
}
.ulDif li {
width: 100% !important;
}
.allUl {
padding-left: 9px;
/* height: 260px; */
overflow: auto;
margin-bottom: 40px;
}
.prCon ul li {
width: 100%;
}
.progNav p {
font-size: 18px;
line-height: 1.2;
margin-top: 20px;
padding: 0 30px;
text-align: left;
}
.progNav .head-box {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.progNav .head-box h2 span {
font-size: 38px;
}
.progNav .head-box h2 {
font-size: 32px;
text-align: left;
padding-left: 32px;
}
.special-tab {
padding: 70px 0;
}
.diff-things .head-box h2{
font-size: 34px;
}
.diff-things .head-box h2 span{
font-size: 34px;
}
/* programme section css end */

/* perfect-path */
.perfect-path {
    padding: 80px 0 160px;
    position: relative;
}
.pef-box {
    background: url(../img/perfect-bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 180px;
    width: 100%;
    place-content: center;
    padding: 0px 0px;
    margin-bottom: 20px;
}
.pef-cont .row {
    align-items: center;
    justify-content: center;
}
.pef-box p{
    font-size: 18px;
line-height: 1.2;
color: #000000;
font-weight: 600;
font-family: "Poppins";
}
.per-tp-shape {
    position: absolute;
    right: 0;
    top: 15%;
}
.per-tp-shape img {
    width: 250px;
}
.per-leftshape{
    position: absolute;
    left: 0;
    bottom: 4%;
}
.per-leftshape img{
    width: 300px;
}
.pef-box:hover{
    background: url(../img/btech-hover.webp);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    transition: all ease-in .3s;
}
.pef-box:hover p{
    color: #fff;
}

/* campus-life */
.campus-life img{
    width: 100%;
}
.campus-life {
    padding: 60px 0 0;
}

.eli-box {
    background: url(../img/eli-bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    width: 100%;
    place-content: center;
    padding: 0px 0px;
}
.eli-box p{
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
}


.eligible {
    background: #e2ebed;
    padding: 60px 0 120px;
    position: relative;
}
.eligible .progTab .progNav {
    width: 100%;
    background: #e2ebed;
    padding: 20px 0 10px;
}
.eligible .progNav .head-box{
    margin-bottom: 20px;
}

/* student-experience css strt here */
.student-experience{
    background-color: #efefef;
    padding: 60px 0;
    position: relative;
}
.student-experience .per-tp-shape {
    position: absolute;
    right: 0;
    top: -10%;
}
.eli-cont h4 {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #00769c;
    font-weight: 700;
    font-family: "Poppins";
    text-align: left;
}
.eli-cont p {
    font-size: 17px;
    line-height:1.3;
    color: #000000;
    font-weight: 400;
    font-family: "Poppins";
}
.eli-cont {
    background: url(../img/exp-shape.webp);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 100%;
    padding: 40px;
}
.eli-img img {
    width: 120%;
    z-index: 9;
    position: relative;
}
.student-experience .head-box {
    margin-bottom: 50px;
}

.middle-shape {
  height: 120px;
  background: #0b6f8a; /* change color as needed */
  clip-path: polygon(
    0% 0%,
    42% 0%,
    45% 20%,
    55% 20%,
    58% 0%,
    100% 0%,
    100% 100%,
    0% 100%
  );
}



.copy-right.text-center {
    margin-top: 10px;
}
.copy-right p {
    font-size: 22px;
    line-height: 26px;
    color: #221f1f;
    font-weight: 500;
    text-align: center;
}
.tech-box {
    text-align: center;
    height: 120px;
}