.sliderInstiDesk{clear: both;text-align: center;position: relative; display:block;}
.sliderInstiDesk .owl-dots{display: none;}
.sliderInstiMob{clear: both;text-align: center;position: relative; display:none;}
.sliderInstiMob .item{background-size:cover !important;  background-position:top center !important; background-repeat: no-repeat !important;}

.contentSection{background: #F4F4F4; padding:80px 0px 60px 0px; position:relative; }
.contentSection .overviewWrap {display: flex; align-items: center;}
.overviewWrap .ov1 {  width: 70%; padding-right: 45px;}
.overviewWrap .ov1 p{font-family: var(--primary-font);font-size: 18px;font-weight: 400;line-height: 30px;text-align: left; color: #000000;}
.overviewWrap .ov2 { margin-left:auto; width: 30%;}

.featureBlock ul{width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.featureBlock li{ padding:0px; flex-basis: calc(50% - 6px); text-align:center; display: inline-block; position:relative;vertical-align: top; margin-bottom:10px;}
.featureBlock li img{border-radius:4px;}

.cseSpecialisations{position:relative; padding:70px 0px; background:#fff;}
.cseSpecialisations h3{color: #333333;font-size: 35px;line-height: 40px; text-transform:uppercase; font-family: var(--primary-font); margin-bottom:35px;}
.cseSpecialisations h3 span{color:#E3000F;}
.cseSpecialisations p{font-family: var(--primary-font);font-style: normal;font-weight: 400;font-size: 16px;line-height: 26px;}
ul.cseS3List{margin:15px 0px 0px 0px; padding:0px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.cseS3List li{flex-basis: calc(33% - 10px); border-radius: 8px;  position: relative;  margin-bottom: 10px; border-radius:8px;}
.cseS3List li .maskOverlayCSE{ background: linear-gradient(0deg, #000 8.11%, rgba(0, 0, 0, 0.85) 16.32%, rgba(0, 0, 0, 0.00) 26.95%);
 position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px;}
.cseS3List li img{border-radius:8px;}
.cseS3List .school-content-cse{position: absolute;  bottom:0px;   width: 100%;  z-index: 100; padding:15px 20px;}
.cseS3List li h4{font-size: 18px;font-weight: 700;line-height: 24px; color:#fff;}
.cseS3List li h4 span{font-size: 14px;font-weight: 500;display:block;}
.cseS3List li a{font-size: 18px;font-weight: 400;line-height: 24px; color:#fff; }
.cseS3List li a:hover h4{text-decoration:underline;}

ul.schoolList3{margin:30px 0px 0px 0px; padding:0px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.schoolList3 li{flex-basis: calc(33% - 10px); border-radius: 8px;  position: relative;  margin-bottom: 10px; }
/*.schoolList3 li::before {  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px; left: 0;}*/
.schoolList3 li .maskOverlay{  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px;}

.schoolList3 .school-content{position: absolute;  bottom: 5px;  text-align: center;  width: 100%;  z-index: 100;}
.schoolList3 li img{border-radius:8px;}
.schoolList3 li h4{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff;}
.schoolList3 li a{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff; }
.schoolList3 li a:hover h4{text-decoration:underline;}
.schoolList3 li p{line-height:auto; margin:0px;}

.placementHighlightsSection{background: #F4F4F4; padding:80px 0px 0px 0px; position:relative;}
.phsContent h4, .phsContent p{text-align:center;}

ul.phsList{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.phsList li{flex-basis: calc(33% - 10px); position: relative;  margin-bottom: 20px;  }
.phsWrap{padding:20px 20px; text-align: center; margin-bottom: 20px; align-content: center;}
.phsList li .grid1, .phsList li .grid4, .phsList li .grid5{ background: #343434; height:250px;}
.phsList li .grid2, .phsList li .grid3, .phsList li .grid6{ background: var(--text-red); height:200px;}
.phsList li h3{font-family: var(--primary-font);font-size: 50px;font-weight: 700;line-height: 60px;text-align: center; color:#fff;}
.phsList li h3 span{font-size: 16px;font-weight: 500;line-height: 24px; display:block;}
.phsList li h4{font-family: var(--primary-font);font-size: 30px;font-weight: 700;line-height: 36px;text-align: center; color:#fff;}


.enggProgramsSection{background: #FFFFFF; padding:50px 0px 40px 0px; position:relative;}
.enggProgramsSection p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;}
ul.schoolList4{margin:30px 0px 0px 0px; padding:0px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.schoolList4 li{flex-basis: calc(25% - 7px); border-radius: 8px;  position: relative;  margin-bottom: 10px; }
/*.schoolList3 li::before {  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px; left: 0;}*/
.schoolList4 li .maskOverlay{  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px;}

.schoolList4 .school-content{position: absolute;  bottom: 5px;  text-align: center;  width: 100%;  z-index: 100;}
.schoolList4 li img{border-radius:8px;}
.schoolList4 li h4{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff;}
.schoolList4 li a{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff; }
.schoolList4 li a:hover h4{text-decoration:underline;}
.schoolList4 li h4 a:hover{text-decoration:underline!important;}
.schoolList4 li p{line-height:auto; margin:0px;}



.ourProgramsSection{background: #FFFFFF; padding:80px 0px; position:relative;}
.ourProgramsSection p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;}
.ourProgramsSection .col-md-8{padding-right: 30px;}
.schoolSectionFlex{display:flex;}
ul.schoolProgramList{margin:20px 0px 0px 0px; padding:0px; display:flex; flex-wrap: wrap; justify-content: space-between;}
.schoolProgramList li{flex-basis: calc(25% - 10px); border-radius: 8px;  position: relative;  margin-bottom: 20px; }

#enggSliderForm .item{  border-radius: 8px;}
#enggSliderForm img{  border-radius: 8px;}
.overlayEnggSlider {  position: absolute;  width: 100%;  bottom: 0px;  padding: 28px 30px;  background: rgba(0, 0, 0, 0.68);  backdrop-filter: blur(20px);  z-index: 2;  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;}
.overlayEnggSlider h4{font-family: var(--primary-font);font-size: 30px;font-weight: 600;line-height: 34px;text-align: left;color:#fff; margin-bottom:15px;}
.overlayEnggSlider p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 28px;text-align: left;color:#fff; margin-bottom:0px;}

.schoolSection2{width:100%; padding-left:20px;}
.spList1 li{flex-basis: calc(100% - 0px);/* height: 370px;*/}
.spList2 li{flex-basis: calc(50% - 10px); /*height: 175px;*/}

.school-content{position: absolute;  bottom: 5px;  text-align: center;  width: 100%;  z-index: 100;}
.schoolProgramList li img{border-radius:8px; position:relative;}
.schoolProgramList li .maskOverlay{  background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;  content: "";  border-radius: 8px;}
.schoolProgramList li h4{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff;}
.schoolProgramList li a{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff; }
.schoolList2 li{-webkit-box-flex: 0; -ms-flex: 0 0 48% !important; flex: 0 0 48% !important; margin:3px 3px;}
.schoolProgramList li a:hover h4{text-decoration:underline;}

.getinTouchForm{background: #F4F4F4; padding: 18px 25px 25px 25px;}
.getinTouchForm h4 span{color: var(--text-red);}
.getinTouchForm input[type="text"], .getinTouchForm input[type="tel"], .getinTouchForm input[type="email"]{height: 44px;}

.recruitersBlk{background: #F4F4F4; padding:30px 0px 55px 0px; position:relative;}
.recruitersBlk h4{text-align:center;}
.recruitersBlk p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: center;color:#000;}
.recruitersBlk .recruiter-list-seven li { background: #fff;padding: 10px 6px; flex-basis: calc(12.5% - 10px);  width: auto;  height: 69px;  margin: 5px;  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15); border-radius: 4px;}

.programHighlights {width: 100%;  position:relative;  padding:0px 0px 60px 0px;  background: #f4f4f4;}
.programHighlights .proHead{max-width: 80%;  margin: 0 auto;}
.programHighlights h4{text-align:center;}
.programHighlights p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: center;color:#000;}
.section-view-box p{text-align: left; margin-bottom:15px !important}

ul.proHightlightsList{display:flex; flex-wrap:wrap; }
.proHightlightsList li{flex-basis: calc(100% - 0px);background: #FFFFFF; padding:30px; margin-bottom:20px;}
.proHightlightWrap{display:flex;}
.proHightlightWrap .phImg1{min-width:335px; margin-right:20px;}
.proHightlightWrap .phContent{min-width:500px;}
.proHightlightWrap .phContent h5{font-family: var(--primary-font);font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.7599999904632568px;text-align: left; color:#111;}
.proHightlightWrap .phContent p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left; color:#000;}
.proHightlightWrap .phImg2 img{min-width:300px; margin-left:20px;}


#computing{padding: 0px 0px 60px 0px;  background: #f4f4f4; position:relative; width:100%;}
#computing p.description{color: #000;font-size: 16px;font-weight: 400;line-height: 26px; }
#computing h4.sub-heading {letter-spacing: 2px; font-size: 18px;line-height:28px;  margin-bottom: 15px;font-weight:600;color:#000000;}

.computingSpecializations {list-style: none;  display: flex;  flex-wrap: wrap;  gap: 8px;  margin-bottom: 50px;}
.computingSpecializations li { background: #FFF;  padding: 6px 10px;  color: #000;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16.5px;transition: 0.3s;}
.computingSpecializations li:hover {  background: #d0d0d0;}


.cuLab-wrapper {  margin-top: 55px;}
.cuLab-tabs {display: flex; gap: 10px; margin-bottom: 20px;}
.cuLab-tab {padding: 12px 18px;  border: none;  background: #fff; cursor: pointer; color: #000;font-family: Inter;font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: 1.5px;text-transform: uppercase;}
.cuLab-tab:hover{color:#D00000}
.cuLab-tab.active {background: #D00000;  color: #fff;}
.cuLab-grid {display: flex; flex-wrap: wrap; gap: 14px;}
.cuLab-card {background: #fff; padding: 28px 24px; flex: 0 0 calc(25% - 10.5px); border-bottom: 3px solid #D00000; position: relative; transition: 0.3s;}
.cuLab-card:hover {transform: translateY(-5px);}
.cuLab-card h4{color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 26px; /* 162.5% */}
.cuLab-tag {color: #000; display:none;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 183.333% */
letter-spacing: 1.5px;
text-transform: uppercase;/*display: table; */margin-bottom: 8px; text-transform: uppercase; background: #F7F7F7; padding:4px 8px;}

.cuLabList{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px;}
.cuLabList li { display: none; /* hide by default */background: #fff; padding: 12px 18px 18px 18px; flex: 0 0 calc(25% - 10.5px); border-bottom: 3px solid #D00000; position: relative; transition: 0.3s; min-height:75px;}
.cuLabList li.showItem{
    display: block;
}
.cuLabList li:hover {transform: translateY(-5px);}
.cuLabList li h4{color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 23.972px; /* 133.177% */
letter-spacing: -0.327px;}
.cuLabList li span {color: #000; display:none;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 22px; /* 183.333% */
letter-spacing: 2.179px;
text-transform: uppercase;}
.cuLabList li p {color: #000;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
letter-spacing: -0.109px; margin:0px;}

.cuLabList li{
    display:none;
}

.cuLabList li.showItem{
    display:block;
    animation: fadeUp .4s ease forwards;
}
.viewMoreLabs{color: var(--Primary-0, #FFF);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 140%;  border-radius: 2px;
background: #D00000; padding:10px 20px 10px 25px; display:flex; align-items: center; gap: 10px; margin: 35px auto;}
.viewMoreLabs span{color:#fff;}
.viewMoreLabs:hover{background:#950000;}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Cards Section */

.computingCards{
    list-style: none;
    display: flex;
    gap: 15px; /* reduced from 30px */
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 0;
}

.computingCards li{
    flex: 0 0 calc(25% - 11.25px); /* 4 items per row */
    padding-bottom: 0;
    overflow: hidden;
    transition: 0.3s;
}
.computingCards li:hover {  transform: translateY(-5px);}
.card-top {display: flex;  justify-content: center;  height:52px;  font-size: 14px; margin-bottom: 15px; padding: 0px; gap: 10px; align-items: center;}

.divider{
    width:1px;
    height:40px;
    background:#000;
    margin:0 10px;
}

.card-top .brandBlack {width: 100%; position:relative; align-items: left; text-align: left;}
/*.card-top .brandBlack:before{background: #000;width:1px; height:40px;content:""; position:absolute;right:0px; top:0px;}*/
.card-top .brandBlack img{max-width:152px;}

.card-top .brandBlue {width: 45%; position:relative; align-items: center; text-align: center;}
/*.card-top .brandBlue:before{background: #0070AD;width:1px; height:40px;content:""; position:absolute;right:0px; top:0px;}*/
.card-top .brandBlue img{max-width:140px;}
.card-top .brandGreen {width: 45%;position:relative; align-items: center; text-align: center;}
/*.card-top .brandGreen:before{background: #04B35B;width:1px; height:40px;content:""; position:absolute;right:0px; top:0px;}*/
.card-top .brandGreen img{max-width:135px;}

.card-top .brand {width: 60%;padding: 12px;}
.card-top .tagBlack {color: #000;font-size: 11px;font-style: normal;font-weight: 500;line-height: 17px; letter-spacing: 0.778px;text-transform: uppercase; align-self: center;}
.card-top .tagBlue {color: #0070AD;font-size: 11px;font-style: normal;font-weight: 500;line-height: 17px; letter-spacing: 0.778px;text-transform: uppercase; align-self: center;}
.card-top .tag {color: #04B35B;font-size: 11px;font-style: normal;font-weight: 500;line-height: 17px; letter-spacing: 0.778px;text-transform: uppercase; align-self: center;}
.card-top.darkiOS {background: #000;  color: #fff; padding:13px; display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 6.406px;}
.card-top.darkiOS .iosWrapN{}
.card-top .iosWrapN h4{color: #FFF;font-family: "Helvetica Neue", Inter;font-size: 17px;font-style: normal;font-weight: 400;line-height: 100%;}
.card-top .iosWrapN p{color: #FFF;text-align: right;font-family: "Helvetica Neue", Inter;font-size: 11.686px;font-style: normal;font-weight: 400;line-height: 100%; margin:0px; padding: 0;}

.computingCards li img {width: 100%; }
.computingCards li .cardBtm{padding: 18px 0px 0px 0px; }
.computingCards li .cardBtm h3 {color: #000;font-size: 18px;font-weight: 700;line-height: 26px; letter-spacing: -0.35px;}
.computingCards li .cardBtm p {color: #000;font-size: 16px;font-weight: 400;line-height: 26px; margin:0px;}

.ourLabsClassroom{width: 100%;  position:relative;  padding:0px 0px 60px 0px;  background: #f4f4f4;}
.ourLabsClassroom h4{text-align:left;}
.ourLabsClassroom p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;color:#000;}
ul.labsList{display:flex; flex-wrap:wrap; justify-content: space-between;}
.labsList li{flex-basis: calc(50% - 10px);background: #FFFFFF; padding:30px 30px 20px 30px; margin-bottom:20px;}
.labsList li h5{font-family: var(--primary-font);font-size: 20px;font-weight: 700;line-height: 28px;letter-spacing: -0.7599999904632568px;text-align: left; color:#111; margin-top: 20px;}
.labsList li p{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left; color:#000;}
.labsList li img{border-radius:4px;}
a.labsKM{color:#D00000; text-decoration:none; font-weight: 600; font-size: 16px; line-height: 20px; display: flex; gap: 5px;  align-content: center;  margin-top: 10px;  align-items: center;}
a.labsKM:hover{color:#000; text-decoration:none !important;}
/* YOUTUBE Video Section */
.ytVidsection{width: 100%;  position:relative;  padding:0px 0px 60px 0px;  background: #f4f4f4;}

.ytVidsection .ygrid2 a img{max-width:100%; 
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	}
.ytVidsection .ygrid2 a:hover img{-webkit-filter: grayscale(0);  filter: none;}
.ytVidsection .ygrid1 .ytPlaybtn{position:absolute; top:45%; left:47%; color:#fff; }
.ytVidsection .ygrid2 .ytPlaybtn{position:absolute; top:37%; left:42%; color:#fff; }
.ytContent{display:flex}
.ytVidsection .ygrid1{width:50%; background:url("../images/home-banner/engineering/webp/Explore-Computer-Science-specialisation.webp") no-repeat; background-size:cover; margin-right:14px; filter: grayscale(100%);}
.ytVidsection .ygrid1:hover{filter: grayscale(0%);}
.ytVidsection .ygrid2{width:50%; display: flex;flex-wrap: wrap;}
.ytVidsection .ygrid1 a{ position:relative;display: block;width: 100%;height: 100%;}
.ytVidsection .ygrid2 a{width:50%;  position:relative;}
.ytVidsection .ygrid2 a:nth-child(1), .ytVidsection .ygrid2 a:nth-child(2){margin-bottom:14px;}
.ytVidsection .ygrid2 a:nth-child(1){ padding-right:7px;}
.ytVidsection .ygrid2 a:nth-child(2){ padding-left:7px;}
.ytVidsection .ygrid2 a:nth-child(3){ padding-right:7px;}
.ytVidsection .ygrid2 a:nth-child(4){ padding-left:7px;}

.bottomDownloadSection{padding: 80px 0px 80px 0px;}


@media only screen and (min-width: 1541px) and (max-width: 1920px) {

}

@media only screen and (min-width: 1339px) and (max-width: 1540px) {

}
@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	.ourProgramsSection .col-md-8{width: 815px; padding-right: 10px;}
	.ourProgramsSection .col-md-4{width: 28%;}
	.proHightlightWrap .phContent{min-width: 400px;}
	.proHightlightsList li{width: 100%;}
	.card-top .iosWrapN h4{font-size: 15px;}
	
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	.recruitersBlk .recruiter-list-seven li {flex-basis: calc(25% - 10px);}
	.ourProgramsSection .col-md-8{width: 69%; padding-right: 10px;}
	.ourProgramsSection .col-md-4{width: 31%;}
	.schoolSection1{width: 67.5%;}
	.schoolSection2{width: 32.5%; padding-left: 10px;}
	.spList2 li{flex-basis: calc(50% - 5px);}
	
	.proHightlightWrap .phImg1{min-width: 30%;}
	.proHightlightWrap .phImg2{display:none;}
	.proHightlightWrap .phContent{min-width: 40%;}
	.card-top .iosWrapN h4{font-size: 19px;}
	.card-top{gap: 10px;}
	.card-top .iosWrapN h4 {    font-size: 12px;  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.recruitersBlk .recruiter-list-seven li {flex-basis: calc(25% - 10px);}
	.ourProgramsSection .col-md-8{width: 100%;}
	.ourProgramsSection .col-md-4{width: 100%;}
	.schoolSection1{width: 84%;}
	.schoolSection2{width: 40%;}
	.programHighlights .section-view-box{padding: 15px; flex-basis: calc(33.3% - 20px);}
	.proHightlightWrap .phImg1{min-width: 30%;}
	.proHightlightWrap .phImg2{display:none;}
	.proHightlightWrap .phContent{min-width: 40%;}
	.computingCards{gap:45px 25px;}
	.computingCards li{flex: 0 0 calc(50% - 15px);}
	.cuLab-card{flex: 0 0 calc(33% - 10px); padding: 18px 14px;}
	.cuLabList li{flex: 0 0 calc(33% - 10px);}
	.cuLab-card h4{font-size: 16px;}
	.card-top .iosWrapN h4{font-size: 19px;}
	.card-top{gap: 10px;}

}
@media only screen and (max-width: 767px)
{	
	.sliderInstiDesk{display:none;}
	.sliderInstiMob{display:block;padding-top: 68px;}
	.sliderInstiMob .owl-dots{display: none;}
	.contentSection{padding: 40px 0px 20px 0px;}
	.contentSection .overviewWrap{flex-wrap: wrap;}
	.overviewWrap .ov1{width: 100%;  padding-right: 0;}
	.overviewWrap .ov1 p{font-size: 16px;  line-height: 26px;}
	.overviewWrap .ov2{display:none;}
	
	.instiContent{padding: 40px 0px 40px 0px;}
	.instiContent h1{font-size: 32px;}
	.instiContent p{font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;}
	
	.enggProgramsSection{padding: 0px 0px 40px 0px;}
	.phsContent h4, .phsContent p { text-align: left;}
	.cseS3List li{flex-basis: calc(100% - 0px);margin-bottom: 20px;}
	.cseSpecialisations{padding: 40px 0px 20px 0px;}
	.cseSpecialisations .schoolList3 li{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.schoolList3 li{flex-basis: calc(50% - 5px);    margin-bottom: 10px;}
	.schoolList4 li{flex-basis: calc(50% - 5px);    margin-bottom: 10px;}
	.schoolList3 li h4, .schoolList4 li h4{font-size:14px; line-height:24px; font-weight: 500;}
	.schoolList4 li a{font-size:14px; line-height:24px; font-weight: 500; }
	.ourProgramsSection p{font-size: 16px; line-height:26px; margin-bottom: 30px;}
	.ourProgramsSection{padding: 40px 0px 20px 0px; background: #F4F4F4; clear: both;}
	.ourProgramsSection .container{padding-left: 0px !important;    padding-right: 0px !important;}
	.ourProgramsSection .col-md-8 {  padding-right: 35px;  padding-left: 35px;}
	.ourProgramsSection .col-md-4 {background: #191919; padding:45px 35px 45px 35px; margin-top: 35px;}
	.ourProgramsSection .row { margin-left: 0; margin-right: 0;}
	.schoolSectionFlex{flex-wrap: wrap;}
	.schoolSection1, .schoolSection2{width:100%; padding:0px;}
	.spList2 li{flex-basis: calc(50% - 5px);}
	.schoolProgramList li{margin-bottom: 10px;}
	ul.schoolProgramList{margin: 0px 0px 0px 0px;}
	.school-content {padding: 0;}
	.getinTouchForm{padding-top:32px;}
	#enggSliderForm img{border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	
	 .slider-for-mobile{padding: 35px 0 20px 0px;}
	
	.placementHighlightsSection{padding: 35px 0px 0px 0px;}
	.programHighlights .proHead{max-width: none;}
	.proHightlightWrap .phImg1, .proHightlightWrap .phContent, .proHightlightWrap .phImg2 img{min-width: auto; margin:0px;}
	.proHightlightsList li{padding: 20px;}
	.proHightlightWrap .phContent h5{margin-top: 5px;}
	ul.phsList{margin-top: 15px;margin-bottom: 0;}
	.labsList li{flex-basis: calc(100% - 0px);padding: 20px;}
	.phsList li{flex-basis: calc(100% - 0px); margin-bottom: 0px;}
	
	.phsList li .grid3{ background: #343434; height:auto;}
	.phsList li .grid4{ background: var(--text-red); height:auto;}
	
	.recruitersBlk{padding: 30px 0px 20px 0px;}
	.section8-Mobile h4 {font-size: 26px;font-weight: 700;line-height: 38px;letter-spacing: -0.7599999904632568px;text-align: left !important;
	color:#111111;/*background: linear-gradient(90deg, #000000 0%, #666666 59.08%); background-clip: text; color: transparent;*/}
	.programHighlights{padding: 0px 0px 20px 0px;}
	.programHighlights h4, .programHighlights p, .recruitersBlk h4, .recruitersBlk p{text-align: left;}
	.programHighlights .eight-image-col {width: 100%;display: block;margin-top: 0px; flex-direction: column; align-items: flex-start; padding:20px 20px 12px 20px;  }
	.recruitersBlk ul.recruiter-client-list{margin-top: 20px; margin-bottom: 25px;}
	.recruitersBlk .recruiter-list-seven li{background: #fff; padding:10px 6px; flex-basis: calc(33% - 10px); width: auto;    height: 69px;    margin: 5px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15); border-radius:4px;}
	
	.proHightlightWrap{flex-wrap: wrap;}
	.proHightlightWrap .phImg1, .proHightlightWrap .phImg2, .proHightlightWrap .phContent{width:100%; margin-bottom:10px;}
	.cseS3List li .maskOverlayCSE { background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);  position: absolute;  width: 100%;  height: 100%;  bottom: 0;  z-index: 1;
    content: "";    border-radius: 8px;  }
	.cseS3List .school-content-cse {    bottom: 0px;    top: auto;    padding: 0px 15px;  }
	.ourLabsClassroom{padding: 0px 0px 20px 0px;}

	.overlayEnggSlider{position: relative;background: #000;  backdrop-filter: none;min-height: 285px; }
	.overlayEnggSlider h4{font-size: 22px;  font-weight: 600;  line-height: 32px; margin-bottom: 3px;}
	.ytContent{display: block;}
	.ytVidsection .ygrid2{width: 100%;}

	.ytVidsection .ygrid1{height: 200px;margin-bottom: 10px; width:100%}
	.ytVidsection .ygrid1 .ytPlaybtn{top: 35%;left: 43%;}
	
	.computingCards{gap: 30px;}
	.computingCards li{flex: 1 1 100%;}
	.cuLab-wrapper {  margin-top: 50px;}
	.cuLab-tabs {overflow-x: auto; flex-wrap: nowrap;       /* prevent wrapping */  -webkit-overflow-scrolling: touch;}
	.cuLab-tab {   flex: 0 0 auto;          /* prevent shrinking */    white-space: nowrap;     /* keep text in one line */}
	.cuLab-tabs::-webkit-scrollbar {    display: none;  }
	.cuLab-card{flex: 0 0 calc(100% - 0px);}
	.cuLabList li{flex: 0 0 calc(100% - 0px);}
	.card-top .brandBlack img{max-width: 182px;}
	
	.bottomDownloadSection { padding: 40px 0px; position:relative;}
	.bottomDownloadSection::after {
	  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #8D8D8D 50%, rgba(255, 255, 255, 0) 100%);
	  content: "";
	  bottom: 0px;
	  position: absolute;
	  width: 100%;
	  height: 1px;left: 0;
	}
	 .bDownloadBtn {display: flex;   gap: 4px;  }
}

