/*
Theme Name: Chitkara Design School
Theme URI: http://chitkara.edu.in/design/
Author: Gaurav Mittal
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/
h1.headTitle{color: var(--Text-inverse, #FFF);font-family: "Inter Tight";font-size: 40px;font-weight: 600;line-height: 150%; margin-bottom: 15px;}
h1.headTitle span{font-size: 36px;font-weight: 400;}

.headerTop{background: var(--bg-primary, #000);margin:0px 10px 10px 10px; clear: both;}
.headerTop .container-fluid{padding:0px;}
.headerTop .topProgramWrap{display:flex; min-height: 700px;}
.headerTop .topProgramWrap .topProLeft{ width: 50%; padding-left: 7%;  padding-right: 60px; align-content: center;}
.headerTop .topProgramWrap .topProRight{  width: 50%;  display: flex; }
.headerTop .topProgramWrap .topProRight img{width:100%; object-fit: cover;}
.headerTop .topProgramWrap .topBtnsox{display:flex; gap:20px;}

.topProLeft p{color:#f9f9f9;
font-family: var(--typography-web-b2-font, "Inter Tight");
font-size: var(--typography-web-b2-size, 18px);
font-style: normal;
font-weight: var(--typography-web-b2-weight, 400);
line-height: 150%;margin-bottom:20px;}

.featureProgramSection{position:relative; width:100%; padding:60px 0px; background: #F9F9F9;}
ul.fProList {display: flex; flex-wrap: wrap; justify-content: space-between;}
.fProList li{flex: 1; color: #000; font-family: var(--primary-font); position: relative; padding: 40px 28px 20px 28px;}
.fProList li:not(:last-child)::after {content: ''; position: absolute;  right: 0;  top: 10px; width: 1px;  height: 90%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.06) 0%, rgba(142, 142, 142, 0.70) 50%, rgba(255, 255, 255, 0.06) 100%);}

.fProList li h4{color: var(--Text-primary, #000);font-family: var(--typography-web-h4-font, "Inter Tight");font-size: 18px;font-style: normal;
font-weight: 600;line-height: 150%; margin-bottom:10px; position: relative;}
.fProList li h4::before { background: #FFEF10;  width: 12px;  height: 12px;  top: -20px;  left: 0px;  position: absolute;  content: "";}
.fProList li p{color: var(--Text-primary, #000);
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%; margin:0px;}

.overviewProgram {position:relative; width:100%; padding:100px 0px; background: var(--bg-surface-light, #F2F2EA);}
.overviewProgramTopContent{margin-bottom:35px;}
.overviewProgramTopContent p{color: var(--Text-primary, #000);
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%;}
.overviewProgramWrap{display: flex;justify-content: center;gap: var(--space-55, 55px);}
.overviewProgramLeft{ flex: 0 0 62%;}
.overviewProgramLeft p{color: var(--Text-primary, #000);
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;margin-bottom: 15px;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%; /* 24px */}
.overviewProgramRight {  flex: 1;}



.specialisationSectionPro{background: var(--bg-primary, #000);margin:0px;}
.specialisationSectionPro .container-fluid{padding:0px;}
.specialisationSectionPro .specialisProgramWrap{display:flex; min-height: 615px;}
.specialisationSectionPro .specialisProgramWrap .specialisProLeft{ width: 60%; padding-left: 80px;  padding-right: 7%; align-content: center;}
.specialisationSectionPro h3{color: var(--Text-inverse, #F9F9F9);font-family: "Inter Tight";font-size: 40px;font-style: normal;font-weight: 400;line-height: 150%; margin-bottom:20px;}
.specialisationSectionPro h3 span{font-style: italic;}
.specialisationSectionPro p{color: var(--Text-inverse, #F9F9F9);
font-family: var(--typography-web-b2-font, "Inter Tight");font-size: var(--typography-web-b2-size, 18px);font-weight: var(--typography-web-b2-weight, 400);line-height: 150%; }

.specialisationSectionPro .specialisProgramWrap .specialisProRight{  width: 40%;  display: flex; }
.specialisationSectionPro .specialisProgramWrap .specialisProRight img{width:100%; object-fit: cover;}


.program-wrapper {  margin: 40px auto 0px;  display: flex;  gap: 60px; position:relative; padding-top:40px;}
.program-wrapper::before {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #8D8D8D 50%, rgba(255, 255, 255, 0) 100%);
  content: "";
  top: 0px;
  position: absolute;
  width: 100%;
  height: 1px;
}
.program-tabs {list-style: none;  width: 45%;  padding: 0;  margin:0px 0px 0px 15px;}
.program-tabs li {  padding: 20px 0px 0px 0px;  cursor: pointer;  transition: background 0.3s ease, color 0.3s ease;
color: #7F7F7F;list-style: decimal;
font-family: var(--typography-web-h3-font, "Inter Tight");
font-size: var(--typography-web-h3-size, 22px);
font-style: normal;
font-weight: var(--typography-web-h3-weight, 600);
line-height: 150%;
}
/*.program-tabs li:hover {  background: #f7f7f7;}*/
.program-tabs li.active {  color: var(--Text-primary, #000);
font-family: var(--typography-web-h3-font, "Inter Tight");
font-size: var(--typography-web-h3-size, 22px);
font-style: normal;
font-weight: var(--typography-web-h3-weight, 600);
line-height: 150%;}

.program-content { width: 55%;}
.program-item {  display: none;}
.program-item.active {  display: block;}
.program-wrapper .accordion-head { display: none;}

.collaborationSection{position:relative; width:100%; padding:100px 0px; background: var(--bg-page, #FFF);}
.collaborationSection h3{font-size:40px;font-weight:300; color: #000; line-height:150%; font-family: var(--primary-font);}
.collaborationSection h3 span{ font-style: normal;font-weight: 400;text-transform: uppercase;}

.collaborationWrap{margin-top:60px; padding:60px 00px 0px 0px; border-top: 1px solid #DADADA; }

.collaborationList{list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:space-between; gap:50px;}
.collaborationList li{flex:1;position:relative; padding-right: 50px; text-align:center;}
.collaborationList li:first-child{text-align:left;   padding-right: 0;}
.collaborationList li:last-child{text-align:right; padding: 0;}
.collaborationList li:not(:last-child)::after{content:'';position:absolute;right:0;top:10px;width:1px;height:90%;background:#DADADA; }
.collaborationList li img{max-height:60px;}

.highlightsSection{position:relative; width:100%; padding:100px 0px; background: #F9F9F9;}
.highlightsSection h2{text-align:center;}
.highlightsSection p.paraTxt{text-align:center; max-width:80%; margin:0 auto;color:#000;
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%; /* 24px */}

.highlightsList{list-style:none;  display:flex;  gap:20px;  justify-content:center; margin-top:60px;margin-bottom:0px; }
.highlightsList li{flex:1; position:relative; border-radius:2px; transition: transform .3s ease; background: var(--bg-surface-light, #F2F2EA); padding:25px; position:relative;}
.highlightsList li:before{background: #FFEF10; width:44px; height:44px; top:0px; right:0px;position:absolute;content: "";}
.highlightsList li:hover { transform: translateY(-10px);}
.highlightsList li h4{color: var(--Text-primary, #000);
font-family: var(--typography-web-h3-font, "Inter Tight");
font-size: var(--typography-web-h3-size, 22px);
font-style: normal;
font-weight: var(--typography-web-h3-weight, 600);
line-height: 150%; padding-top: 25px;  margin-bottom: 20px;}
.highlightsList li p{color: var(--Text-primary, #000);
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%; }

.innerHLList{margin-top:20px; margin-bottom:0px;}
.innerHLList li{color: var(--Text-primary, #000);font-family: var(--typography-web-b3-font, "Inter Tight");font-size: var(--typography-web-b3-size, 16px);
font-style: normal;font-weight: var(--typography-web-b3-weight, 400);line-height: 150%; position:relative; padding:0px 0px 0px 20px ;  margin-bottom: 8px;}
.innerHLList li::before{content: "";position: absolute; left: 0; top: 8px; width: 8px;height: 8px;background: #FFEF10;}

.reachOutBtn{width:265px; height:65px;}
.reachOutBtn a{border:3px solid #D00000; border-radius:70px; display:flex; align-items:center; text-decoration:none;}
.reachOutBtn img{max-width:65px;}
.reachOutBtn a h3{font-family: var(--primary-font);font-weight: 600;font-size: 14px;line-height: 26px;letter-spacing: -2%;vertical-align: middle; color:#fff; margin-left:18px;}
.reachOutBtn a h3 span{font-size: 17px;line-height: 140%;letter-spacing: 0%; display:block;}

.degreeProgram{position:relative; width:100%; padding:100px 0px; background: #f9f9f9;}
.degreeProgram p{color: var(--Text-primary, #000);
font-family: var(--typography-web-b2-font, "Inter Tight");
font-size: var(--typography-web-b2-size, 18px);
font-style: normal;
font-weight: var(--typography-web-b2-weight, 400);
line-height: 150%; /* 27px */}
.degreeWrap{display: flex;justify-content: center;gap: var(--space-100, 100px); align-items: center;}
.degreeLeft{ flex: 0 0 35%;}
.degreeRight {  flex: 1;}
.industryPartners{ list-style:none;  padding:0;  margin:0 auto; display:flex;  flex-wrap:wrap;  gap:8px;  justify-content:center;}
.industryPartners li{ background: var(--bg-surface-light, #F2F2EA);  border-radius:2px;  height:60px;  display:flex;  align-items:center;  justify-content:center;  flex:0 0 calc(16.666% - 8px); transition:all .3s ease; padding: 15px 8px;}
.industryPartners li img{  max-width:100%;  max-height:40px;  object-fit:contain;   transition:.3s ease;}
.industryPartners li:hover{  transform:translateY(-5px);}

.careersSection{position:relative; width:100%; padding:100px 0px; background: var(--bg-surface-light, #F2F2EA);}
.careersSection h5{color: var(--Text-primary, #000);font-family: "Inter Tight";font-size:14px;font-style: italic;font-weight: 400;line-height: 150%;
text-transform: uppercase; position:relative; padding-left: 20px;}
.careersSection h5::before{content: "";position: absolute; left: 0; top: 8px; width: 8px;height: 8px;background: #000;}
.careersSection h2{max-width:88%; margin-top:30px;margin-bottom:35px;font-style:normal;}
.careersSection ul{border-top:1px solid var(--stroke-primary, #DADADA); padding-top:35px;margin-bottom:0px;}
.careerList{margin-bottom:20px;}
.careerList li{color: var(--Text-primary, #000);font-family: var(--typography-web-b3-font, "Inter Tight");font-size: var(--typography-web-b3-size, 16px);
font-style: normal;font-weight: var(--typography-web-b3-weight, 400);line-height: 150%; position:relative; padding-left: 20px;  margin-bottom: 8px;}
.careerList li::before{content: "";position: absolute; left: 0; top: 8px; width: 8px;height: 8px;background: #FFEF10;}

.eligibilitySection{position:relative; width:100%; padding:0px 0px 100px 0px; background:#F9F9F9;}
.eligibilityBGSlide{background-size:cover; padding:52px 40px; min-height:572px; display: flex;}
.eligibilityBox{background:#f9f9f9; padding:40px;   position:relative; height: fit-content;}
.eligibilityBox:before{background: #FFEF10; width:44px; height:44px; top:0px; right:0px;position:absolute;content: "";}
.eligibilityBox .btnYellow { width: 100%;}
.eligibilityBox .btnYellow::before {position: relative; left: 0;  }
.eligibilityBox .btnYellow .box1 { margin-left: -25px;}
.eligibilityBox p{color:#000; color: var(--Text-primary, #000);
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%; margin-bottom:15px;}

.testimonialSection{position:relative; width:100%; padding:100px 0px; background: var(--bg-page, #FFF);}
.sTestiWrap{display:flex; justify-content: center;gap: var(--space-100, 100px);}
.sTestiWrapLeft{flex: 0 0 35%;}
.sTestiWrapRight { flex: 1;}
ul.studentsList{display:flex;}
.studentDataWrap{ position:relative;  overflow:hidden;  }
.studentDataWrap::before{  content:"";  position:absolute;  inset:0;  background:rgba(0,0,0,0.65);  opacity:0;  transition:opacity .5s ease;  z-index:1;}
.studentsList li:hover .studentDataWrap::before{  opacity:1;}
.studentsList li .testiPic{  overflow:hidden;}
.studentsList li .testiPic img{  width:100%;  display:block;  transition:transform .6s ease;  filter:grayscale(100%);}
.studentsList li:hover .testiPic img{  transform:scale(1.08);}

/* DETAILS OVERLAY */
.testiDetails{position:absolute;  left:0;  bottom:0;  width:100%;  color:#fff;  padding:25px 20px;  z-index:2; /* important */  transform:translateY(100%);  transition:transform .5s ease;}
.studentsList li:hover .testiDetails{  transform:translateY(0);}
.testiDetails p{  margin:0 0 10px;  font-size:14px;  line-height:1.5;}
.testiDetails b, .testiDetails strong{  font-size:16px; font-weight:600;}
.readmore{  color:#fff;  border:1px solid #fff;  padding:6px 14px;  text-decoration:none;  font-size:14px;  transition:all .3s ease;}
.readmore:hover{  background:#D00000;  color:#fff; text-decoration:none; border:1px solid #D00000;}


.parallaxSection {position: relative;min-height: 160vh;	overflow: hidden; padding: 120px 0;	background-repeat:no-repeat;	background-size: cover;
	background-position: center; background-attachment: fixed;}
.parallaxSection .content {position: relative;  z-index: 2;  width: 500px; display: flex; flex-direction: column;  gap: 60px;}
.boxParallax {background: #fff;  padding: 50px 60px 30px 60px;  box-shadow: 0 20px 40px rgba(0,0,0,0.2);  will-change: transform; position:relative;}
.boxParallax:before{background: #FFEF10; width:44px; height:44px; top:0px; right:0px;position:absolute;content: "";}




.cards-section{ position:relative; overflow: hidden; }
.bg-layer{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; z-index:-2; opacity:0; transition:opacity 1s ease-in-out;}
.bg1{z-index:-2;}
.bg2{z-index:-1;}
.cardBGSlide{height:100vh; display:flex; align-items:center; padding-left:7%;}
.boxSlide{background:#fff; color:#000; padding:50px 40px; width:700px; opacity:0; transform:translateY(80px); transition:transform .15s linear, opacity .15s linear; position:relative}
.boxSlide:before{background: #FFEF10; width:44px; height:44px; top:0px; right:0px;position:absolute;content: "";}
.boxSlide.active{  opacity:1;  transform:translateY(0);}
.boxSlide.fade-out{  opacity:0;  transform:translateY(0);}

.cards-wrap{
  position: relative;
  z-index: 2; /* content above background */
}

.fee-section {position: relative; width: 100%; padding:100px 0px; background: var(--bg-surface-light, #F2F2EA);}
.fee-section h2 {text-align: center;}

.fee-section p.paraTxt{text-align:center; max-width:90%; margin:0 auto 40px;color:#000;font-size:16px;line-height: 150%;}

.fee-header {display: flex;justify-content: space-between;background: #F9F9F9;padding: 10px 15px;margin-bottom: 40px;font-family: Inter Tight;font-weight: 500;
font-style: Medium Italic;font-size: typography-web-b3-size;line-height: 150%;letter-spacing: 0%;text-transform: uppercase;}
.fee-header h5{margin-left:10px;position:relative;padding-left: 20px;font-family: Inter Tight;font-weight: 500;font-style:italic;
font-size:16px;line-height: 150%;letter-spacing: 0%;text-transform: uppercase;margin-bottom:0px;color:#000}
.fee-header h5::before{content: "";position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: #000;}
.fee-header span{color: var(--Text-primary, #000);font-family: "Inter Tight";font-size:16px;font-style: italic;
font-weight: 500;line-height: 150%; /* 24px */text-transform: uppercase;}
.semester-list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 20px;}
.semester-list li {flex: 1;font-size: 14px;position: relative;padding-left: 20px;}
.semester-list li::before {content: "";color: #f4c400;position: absolute;left: 0;width:8px;height:8px;background-color: #FFEF10;}
.semester-list li span{font-family: Inter Tight;font-weight: typography-web-h2-weight;font-style: Regular;font-size:16px;
line-height: 150%;letter-spacing: 0%;color:#000;}
.semester-list strong {display: block;margin-top: 4px;font-family: Inter Tight;font-weight:600;font-style: Regular;font-size: 16px;line-height: 150%;letter-spacing: 0%;color:#000;}
.noteEC {font-size: 12px;margin-top: 40px;font-style:italic;color:#000;font-family: Inter Tight;}

a.download_fee{color: #000;text-align: center;font-family: Inter;font-size: 13px;font-style: italic;font-weight: 400;line-height: normal;text-transform: capitalize; display: table;
  margin: 10px auto 5px; text-decoration:underline;}

.studentWorkSection{position:relative; width:100%; padding:100px 0px; background: var(--bg-surface-light, #F2F2EA); display:none;}
#studentPortfolio{margin-top:50px;}
.studentworkWrap{background:#fff;}
.StuWPic{display:flex;}
.StuWPic img{object-fit:cover; height:245px; object-position: top;}
.StuWDetails{padding:12px 15px;}
.StuWDetails b, .StuWDetails strong{color: var(--Text-primary, #000);
font-family: var(--typography-web-h5-font, "Inter Tight");
font-size: var(--typography-web-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-web-h5-weight, 500);
line-height: 26px; /* 162.5% */}
.StuWDetails p{color: var(--Text-primary, #000);
font-family: var(--typography-web-C1-font, "Inter Tight");
font-size: var(--typography-web-C1-size, 14px);
font-style: normal;
font-weight: var(--typography-web-C1-weight, 400);
line-height: 22px; /* 157.143% */
}
.StuWDetails a.readmore{border-top: 1px solid var(--stroke-primary, #DADADA); display: flex;
padding: 10px 0 4px 0;align-items: center;gap: 32px;align-self: stretch;
color: var(--text-brand, #D00000);
font-family: var(--typography-web-C2-font, "Inter Tight");
font-size: var(--typography-web-C2-size, 12px);
font-style: normal;
font-weight: var(--typography-web-C2-weight, 500);
line-height: 16px; /* 133.333% */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.faqsSection{position:relative; width:100%; padding:100px 0px; background: #F9F9F9;}
.faqsSection h2{text-align:center;}
.faqsSection p.paraTxt{text-align:center; max-width:90%; margin:0 auto;
color: var(--Text-primary, #000);
text-align: center;
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%; /* 24px */
}

.accordion_containerLP{padding:35px 60px 60px 60px; background: var(--bg-surface-light, #F2F2EA); margin-top:40px;}
.accordion_headLP {background: var(--bg-surface-light, #F2F2EA);border-radius: 0px;
color: #414141; cursor: pointer; margin: 5px 0 1px 0;   padding: 20px 0px;  border-bottom: 1px solid #DADADA; color: var(--Text-primary, #000);
font-family: var(--typography-web-h5-font, "Inter Tight");
font-size: var(--typography-web-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-web-h5-weight, 500);
line-height: normal;position: relative; text-transform: none;}
.accordion_headLP b{padding-right: 25px; display:flex;
color: var(--Text-primary, #000);
font-family: var(--typography-web-h5-font, "Inter Tight");
font-size: var(--typography-web-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-web-h5-weight, 500);
line-height: normal;
}
.accordion_containerLP .active{border-bottom: 0px;}
.accordion_containerLP .active b{}
.accordion_containerLP .active .plusminusLP{right: 5px;}
.accordion_headLP:hover { background-color: transparent; text-transform: none;}
.accordion_bodyLP {border-bottom: 1px solid #DADADA; padding: 0px 00px 20px 00px;
color: var(--Text-primary, #000);
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%; background: transparent;
  border-top: 0;
}
.accordion_bodyLP p{
color: var(--Text-primary, #000);
font-family: var(--typography-web-b3-font, "Inter Tight");
font-size: var(--typography-web-b3-size, 16px);
font-style: normal;
font-weight: var(--typography-web-b3-weight, 400);
line-height: 150%; /* 24px */
}
.plusminusLP {padding-right: 0px;color: #1e1e1e;font-size: 36px;font-weight: 300;position: absolute;right: 0px;top: 3px;}

.helpSectionInner .topBtnsox{display:flex; gap:20px;}

/* MEDIA CSS */
@media only screen and (min-width: 1500px) and (max-width: 1920px) {
	
	
}

@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	.headerTop .topProgramWrap .topProLeft{padding-right: 30px;padding-left: 5%; padding-top: 50px; padding-bottom: 50px;}
	
	
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.headerTop .topProgramWrap .topProLeft{padding-right: 30px;padding-left: 5%; padding-top: 50px; padding-bottom: 50px;}
	.overviewProgram, .collaborationSection, .highlightsSection, .degreeProgram, .studentWorkSection, .faqsSection, .careersSection, .testimonialSection{padding:60px 0px;}
	.eligibilitySection{padding: 60px 0px 0px 0px;}
	.collaborationSection h3{font-size: 32px;}
	.degreeWrap{gap: 40px;}
	.industryPartners li{flex:0 0 calc(16.666% - 8px);}
	.careersSection h2{max-width: 100%;}
	.careersSection ul{margin-bottom: 0;}
	.sTestiWrap{gap: 40px;}
	.sTestiWrapLeft { flex: 0 0 45%;}
	.testiDetails p{margin:0 0 6px;font-size:12px; }
	.testiDetails b, .testiDetails strong{  font-size:14px;}
	.semester-list li{flex: inherit;}
	.specialisationSectionPro .specialisProgramWrap .specialisProLeft{padding: 40px;}
	.specialisationSectionPro h3{font-size: 36px; }
	/*.headerTop .topProgramWrap .topProRight img{object-position:right;}*/
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	h1.headW{font-size: 28px;line-height: 34px; }
	.headerTop .topProgramWrap{min-height: auto;}
	.headerTop{padding: 60px 0;}
	.headerTop .topProgramWrap .topProLeft{width: 100%;margin-top:0px;padding-right: 50px;padding-left: 4%;}
	.headerTop .topProgramWrap .topProRight{display:none;}
	.overviewProgram, .collaborationSection, .highlightsSection, .degreeProgram, .studentWorkSection, .faqsSection, .careersSection, .testimonialSection{padding:60px 0px;}
	.eligibilitySection{padding: 60px 0px 0px 0px;}
	.overviewProgramWrap{flex-wrap:wrap; gap:25px;}
	.overviewProgramLeft{flex: 100%;}
	.program-wrapper{ gap: 20px; margin: 25px auto 0px; padding-top: 5px;}
	.program-tabs{margin: 0px 0px 0px 25px;}
	.program-tabs li{font-size: 16px; padding: 15px 0px 0px 0px;}
	.program-tabs li.active{font-size: 16px;}
	.collaborationSection h3{font-size: 28px;}
	.collaborationWrap{margin-top: 30px;  padding: 40px 00px 0px 0px;}
	.degreeWrap{flex-wrap: wrap; gap:20px;}
	.degreeLeft, .degreeRight{flex: 100%;}
	.boxParallax{padding: 40px 30px;}
	.accordion_containerLP{padding: 10px 20px;}
	.plusminusOX{right: 0px;  top: 6px;}
	.accordion_container .active .plusminusOX{right: 3px;}
	.sTestiWrap{flex-wrap:wrap; gap:25px;}
	.sTestiWrapLeft, .sTestiWrapRight { flex: 100%; }
	.industryPartners li{height: 80px;}
	.overviewProgramTopContent{margin-bottom: 0px;}
	.specialisationSectionPro h3{font-size: 28px;  line-height: 34px;}
	.specialisationSectionPro .specialisProgramWrap{min-height: auto; flex-wrap:wrap;}
	.specialisationSectionPro .specialisProgramWrap .specialisProRight{width: 100%;}
	.specialisationSectionPro .specialisProgramWrap .specialisProLeft{width: 100%; padding:36px 20px;}
	.semester-list li{flex: inherit;}
}

@media only screen and (max-width: 767px)
{	
	h1.headW{font-size: 24px;line-height: 34px; text-align: center;}
	.headerTop{position: relative;  top: 70px; padding-bottom: 70px;}
	.headerTop .topProgramWrap{flex-wrap:wrap;}
	.headerTop .topProgramWrap .topBtnsox{flex-wrap:wrap;}
	.topBtnsox .btnYellow{width: 100%;}
	.topBtnsox .btnYellow .box1{margin-left: -25px;}
	.topBtnsox .btnYellow::before{position: relative;  left: 0;}
	.topBtnsox .btnBlack{width: 100%;}
	.topBtnsox .btnBlack .box1{margin-left: -25px;}
	.topBtnsox .btnBlack::before{position: relative;  left: 0;}
	.headerTop .topProgramWrap .topProLeft{width: 100%; padding:36px 20px; order: 2;}
	.headerTop .topProgramWrap .topProRight{width: 100%;}
	.overviewProgram, .collaborationSection, .highlightsSection, .degreeProgram, .studentWorkSection, .faqsSection, .careersSection, .testimonialSection{padding:var(--space-40, 40px) 0px;}
	.featureProgramSection{padding:10px 0px}
	.fProList li{flex: 100%;padding: 40px 0px 30px 0px;}
	.fProList li:not(:last-child)::after {top:auto;  bottom: 0px;  width: 100%;  height: 1px;  background: linear-gradient(270deg, rgba(255, 255, 255, 0.06) 0%, rgba(142, 142, 142, 0.70) 50%, rgba(255, 255, 255, 0.06) 100%);}
	.overviewProgramTopContent{margin-bottom: 0px;}
	
	.specialisationSectionPro .specialisProgramWrap{min-height: auto; flex-wrap:wrap;}
	.specialisationSectionPro .specialisProgramWrap .specialisProRight{width: 100%;}
	.specialisationSectionPro .specialisProgramWrap .specialisProLeft{width: 100%; padding:36px 20px;}
	.specialisationSectionPro h3{font-size: 24px;  line-height: 34px;}
	.specialisationSectionPro p{font-size: 16px;}
	.overviewProgramWrap{flex-wrap:wrap; gap:25px;}
	.overviewProgramLeft{flex: 100%;}
	.program-wrapper{flex-wrap:wrap; gap: 20px; margin: 25px auto 0px; padding-top: 5px;}
	.program-tabs, .program-content{width: 100%;}
	.program-tabs{margin: 0px 0px 0px 25px;}
	.program-content .accordion-body{padding:0px;}
	.program-tabs li{font-size: 18px; padding: 15px 0px 0px 0px;}
	.program-tabs li.active{font-size: 18px;}
	.collaborationSection h3{font-size: 24px;font-weight: 400;line-height: 34px;}
	.collaborationWrap{margin-top: 30px;  padding: 30px 00px 35px 0px; border-bottom: 1px solid #DADADA;}
	.collaborationList{justify-content: center;    gap: 15px; /*flex-wrap: wrap;*/}
	.collaborationList li{/*flex: 0 0 calc(33.333% - 20px);*/ padding-right: 0;}
	.collaborationList li:not(:last-child)::after{background: none;}
	.collaborationList li img{max-height: 38px;}
	.collaborationList li:first-child, .collaborationList li:last-child{text-align: center;}
	.highlightsList{flex-wrap: wrap; gap: 12px;margin-top:30px;}
	.highlightsList li{flex: 100%;}
	.highlightsList li h4{font-size:18px; font-weight:500;}
	.degreeWrap{flex-wrap: wrap; gap:20px;}
	.degreeLeft, .degreeRight{flex: 100%;}
	.industryPartners li{flex: 0 0 calc(33% - 8px);}
	
	.careersSection h2{max-width: 100%;}
	.eligibilitySection{padding: 0px;}
	.eligibilitySection .container{padding-left:0px !important;    padding-right: 0px !important;}
	.eligibilitySection .row { margin-right: 0px;   margin-left: 0px; margin-bottom: 0px !important; }
	.eligibilitySection .col-md-12 { padding-right: 0px;padding-left: 0px;}
	.eligibilityBGSlide{padding: 25px 24px;/*min-height: 615px;*/min-height:auto; background-position: 80%;}
	.eligibilityBox{padding: 20px; }
	
	.semester-list li {width: calc(50% - 10px);font-size: 14px;position: relative;padding-left: 14px; flex: auto;}
	.fee-header{display: flex;    padding: 10px;}
	.fee-header h5{margin-left: 0px;}
	.fee-header span{margin-left:5px;}
	.fee-section { padding:40px 0px;margin-top:0px;}
	.fee-section p.paraTxt{margin:0 auto 30px;}
	.sTestiWrap{flex-wrap:wrap; gap:25px;}
	.sTestiWrapLeft, .sTestiWrapRight { flex: 100%; }
	ul.studentsList{flex-wrap:wrap; gap: 1px;}
	.studentsList li{flex: 0 0 calc(50% - 2px); }
	.studentDataWrap{    position:relative;  overflow:hidden;  }
	.studentDataWrap::before{ display:none;}
	.studentsList li .testiPic img{ transform:none !important;}
	.testiDetails{position:absolute;left:0px; right:0px;bottom:0px;   background:rgba(0,0,0,0.60); color:#fff; padding:12px 14px; border-radius:0px; transform:none !important;
	opacity:1 !important;  z-index:2;  text-align:left;}
	.testiDetails p{margin:0 0 6px;font-size:10px; }
	.testiDetails b, .testiDetails strong{  font-size:13px;}
	.readmore{display:none;  }
	.topProLeft p{text-align:center;font-size:16px;}
  
	.parallaxSection{padding: 40px 0 140px 0;}
	.parallaxSection .content{width: 100%;}
	.boxParallax{padding: 40px 20px;}
	.cardBGSlide{padding-left: 20px;  padding-right: 20px;}
	.studentWorkSection h2{text-align:center;}
	#studentPortfolio{margin-top: 10px;}
	.StuWDetails b, .StuWDetails strong{font-size: 10px;line-height: 16px; /* 162.5% */}
	.StuWDetails p{font-size: 9px;line-height: 14px;}
	.StuWPic img{height: 150px;}
	.accordion_containerLP{padding: 10px 20px 35px 20px;margin-top:30px;}
	.plusminusOX{right: 0px;  top: 6px;}
	.accordion_container .active .plusminusOX{right: 3px;}
	.faqsSection p.paraTxt{max-width: 100%;}
	h1.headTitle{font-size: 24px;font-weight: 600;line-height: 34px; margin-bottom: 15px;text-align:center;}
	h1.headTitle span{font-size:24px;line-height:34px;font-weight: 400;}
	.helpSectionInner .topBtnsox{flex-wrap:wrap;}
	.degreeProgram p{font-size:16px;}
}