section#instituteHighlights { padding: 0; }


ul.prg-highlights{margin-bottom:0;background:#fff;padding:22px 20px;border-radius:10px}
ul.prg-highlights li { display: inline-block; font-weight: 400; font-size:16px; color: #000; vertical-align: top; padding: 5px 9px; width: 24%; border-right: 1px solid #e5e5e5; min-height: 80px; text-align: center; }
ul.prg-highlights li:last-child{border:none}
ul.prg-highlights li:last-child{margin-right:0}
ul.prg-highlights li span{font-weight:600;color:#000;font-size:30px;display:block;line-height:1}
ul.prg-highlights li img { height: 52px; display: block; margin: auto; margin-bottom: 10px; }
h2.heading span{font-size:24px;font-weight:400;padding-bottom:20px;line-height:1.5}




/* Cards */
/*---------------ProgramCards-------------*/
section#programsList {background: #ffffff url(../images/cards-bg.webp) no-repeat; position: relative; background-size: cover; background-position: 100% 100%; border-top: 1px solid #dfd9d9; background-attachment: fixed; }
section#programsList h2{margin-bottom: 20px!important;}
section#programsList p.byline {font-size: 22px;font-weight: 500;}

/* New card Design */
ul#mainTabs { align-items: center; justify-content: center; border: unset; position: sticky; top: 105px; z-index: 999; background: #fff; padding: 25px 25px 0px 25px; margin-bottom: 20px; }
ul#mainTabs li button { color: #8E92A2; border: 1px solid #E2E2E7; display: inline-block; border-radius: 40px; padding: 3px 28px; font-weight: 500; margin: 0 6px; font-size: 15px; }
ul#mainTabs li button.active { background:#A917FE;color:#fff; }
.tab-content {z-index: 999; background: transparent; margin-bottom: -5px; padding-top: 0px; padding-bottom: 0px;}
.filter-container {display: flex ; align-items: center; position: relative;border-radius: 40px;}
.filter-buttons { display: block; overflow-x: auto; white-space: nowrap; scrollbar-width: none; scroll-behavior: smooth; min-height: 50px; margin: auto; }
.filter-buttons button { flex: 0 0 auto; background: none; padding: 7px 20px; font-size: 15px; cursor: pointer; white-space: nowrap; color: #8E92A2; border: 1px solid #bfbfbf; border-radius: 40px; }
.filter-buttons button.active {background: #a917fe;color: #fff;border-radius: 40px;position: relative; font-weight: bold;}
.filter-buttons::-webkit-scrollbar { display: none; }  
.scroll-button { background: none; border: none; font-size: 20px; cursor: pointer; padding: 5px 10px; position: absolute; z-index: 10; } 
.scroll-left { left:0px; background: #fff; } 
.scroll-right { right:0px; background: #fff; } 
.grid-item {margin-bottom: 15px;}
.grid-item .card { border-radius: 20px; border: 1px solid #D8D8D8; box-shadow: 5px -2px 10px 0 #ddd;transition: all 0.8s cubic-bezier(0.15, 0.83, 0.66, 1); }
.grid-item .card p.program-label { line-height: normal; }
.grid-item .card p.program-label span {background:#000000;color: #fff; font-size: 14px; padding: 6px 10px 6px 25px; display: inline-block; border-radius: 0 0 8px 0; }
.grid-item .card .card-body { padding: 15px 25px 25px;}
.grid-item .card h3.card-title { font-size: 18px; font-weight: 500; }
.grid-item .card p.card-text { color: #717586; font-size: 15px; }
.grid-item .card p.program-highlights { font-size: 15px; font-weight: 500; margin-top: 5px; }
.grid-item .card img.star-icon {margin-right: 7px; float: left; margin-bottom: 10px; margin-top: 4px; }
a.view-program, a.view-program:hover { border: 1px solid #3F3F3F; padding: 10px 20px;background: #fff;font-size: 16px;    border-radius: 50px;}
.grid-item {margin-bottom: 15px;}
.grid-item .card { border-radius: 20px; border: 1px solid #D8D8D8;transition: all 0.8s cubic-bezier(0.15, 0.83, 0.66, 1); }
.all-cards{}
.all-cards::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5; position: relative; margin-left: 10px; } 
.all-cards::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #A917FE; height: 8px; }
.grid-item .card p.program-label { line-height: normal; }
.grid-item .card p.program-label span {background:#000000;color: #fff; font-size: 14px; padding: 6px 10px 6px 25px; display: inline-block; border-radius: 0 0 8px 0; }
.grid-item .card .card-body { padding: 15px 25px 25px;}
.grid-item .card h3.card-title { font-size: 18px; font-weight: 500; }
.grid-item .card p.card-text { color: #717586; font-size: 15px; }
.grid-item .card p.program-highlights { font-size: 15px; font-weight: 500; margin-top: 5px; }
.grid-item .card img.star-icon {margin-right: 7px; float: left; margin-bottom: 10px; margin-top: 4px; }

/* End */

a.view-program, a.view-program:hover { border: 1px solid #3F3F3F; padding: 10px 20px;background: #fff;font-size: 16px; }
a.download-brochure, a.download-brochure:hover {border: 1px solid #000000; padding: 10px 20px; background: #000000; color: #fff; margin-left: 12px; font-size: 16px;border-radius: 50px; }
a.download-brochure:active, a.download-brochure:checked{background: #000000!important; color: #fff!important;}
a.download-brochure svg path{fill:#fff;}
a.view-program, a.download-brochure{display: none;}

/* New card design */
img.program-card-img { width: 100%; border-radius: 10px; border-bottom-left-radius: unset; border-bottom-right-radius: unset; }
h3.card-title.prgmName { background: #efddea; color: #000; font-size: 16px !important; padding: 7px 22px; }
p.card-program-name { color: #000; padding: 10px 22px; font-weight: 500; }
p.card-program-name span{color:#a440b3}
p.duration { font-size: 14px; color: #000; font-weight: 400; padding: 10px 22px; margin-top: -24px; margin-bottom: 0px; }
img.partner-img { width: 50%; margin-left: 25px; margin-top: -14px; }
ul.program-stats li { list-style-type: none; font-size: 14px; font-weight: 400; position: relative;    padding-left: 15px; }
ul.program-stats li:before { content: ''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #a440b3; position: absolute; left: 0; top: 5px; }
ul.program-stats { color: #000; padding: 10px 22px; background: #efddea;padding-bottom:15px;}
p.card-cta { background: #6e379a; padding: 20px 25px; text-align: center; font-weight: 600; font-size: 18px; margin-top: -20px; position: absolute; width: 100%; bottom: 0px; }
p.card-cta a { color: #fff; }
img.masterclass-img { height: 30px; margin-left: 19px; margin-top: -4px; margin-bottom: 11px; }
p.partner { height: auto; width: 100%; padding-left:18px; display: inline-flex; flex-direction: row; align-items: center; color: #000; font-size: 15px; font-weight: 400; }
p.partner img { width: auto; height: 28px; margin-top: 0px;padding-left: 0px;margin-left: 5px;}
p.partner svg{margin-right: 10px;width: auto; height: 40px;border-radius: 50px;} 

/* End */


/* Animation card */

/* new card design */
 #programsList .card { position: relative; width: auto; min-height:489px; color: #2e2d31; background: #fff; overflow: hidden; border-radius: 20px; margin:10px 0px;} 
img.program-card-img {width: 100%;height: auto;}
.card_content {padding:0px 0 45px;} 
/* end */

/* Old card design */
/* #programsList .card { position: relative; width: auto; min-height:485px; color: #2e2d31; background: #fff; overflow: hidden; border-radius: 20px; margin:10px 0px;} 
img.program-card-img {width: 100%;height: auto;}
.card_content {padding: 30px 0 45px;} */
/* end */

/* .grid-item .card h3.card-title {font-size:18px;padding-left: 20px;}
.grid-item .card h3.card-title span {color: #913d97;display: block;}
.grid-item .card p.batch-duration {font-size: 16px;font-weight: 400;padding-left: 15px;}
.grid-item .card p.card-tagline {background: #eddcec;padding: 5px 10px;padding-left: 15px;font-size: 14px;}
.grid-item .card p.program-highlights { font-size: 16px; font-weight: 500; color: #b95c27; padding-left: 15px;padding-right: 15px; margin-top: 10px;line-height:1.3em; }
.grid-item .card p.program-highlights svg { float: left; margin-right: 8px; margin-bottom: 10px; margin-top:0px; } */

.why-institute{padding:70px 0;text-align:center;background:#ffffff;}
ul.rankings-list{list-style:none;padding:0;margin-top:20px}
ul.rankings-list li{list-style:none;display:inline-block;width:48%;padding:22px 20px;vertical-align:top;text-align:center;line-height:1.4;background:0 0;margin:5px;min-height:200px;border-radius:9px;border:2px solid #dbdbdb;font-size: 16px;font-weight: 500;}
ul.rankings-list li strong { display: block; }
ul.rankings-list li img{margin-top: 10px; margin-bottom: 20px; height: 50px;}
ul.rankings-list li span{font-size:20px;font-weight:500;color:#000;line-height:1.2;margin-bottom:10px;display:block}
ul.rankings-list li:last-child { min-height: 200px; }

section#aboutPartner {background: #e7f6ff;}
form#TalentSprintIIScHome .with-icon input,form#TalentSprintIIScHome .with-icon select{padding:5px 15px;transition:all .3s ease;font-size:13px;color:#000;margin-bottom:4px;border-radius:4px;background-color:#fff;width:100%;outline:0;display:block;border:1px solid #cacaca;height:42px;}
form#TalentSprintIIScHome .with-icon{width:100%;display:inline-block;padding:4px 5px;vertical-align:top;margin-bottom:0px;position:relative;padding-left:0}
.autocomplete{position:relative;display:inline-block}
.autocomplete-active{color:#fff;background:#348adc}
.with-icon .floating-label{font-size:12px;color:#848484;position:absolute;pointer-events:none;top:12px;left:12px;transition:all .1s ease}
.with-icon label{font-weight:400}
.with-icon input:focus~.floating-label,.with-icon input:not(:focus):valid~.floating-label{top:-18px;font-size:13px;opacity:1;color:#404040;height:20px}
.with-icon input:invalid:not(:focus)~.floating-label{top:-8px!important;background:#e6e6e6;padding:0 10px;border-radius:50px;color:#525252;height:20px}
.with-icon span.floating-label.mob{top:-15px;font-size:12px;opacity:1;color:#404040;height:20px}
.form-inner{padding:40px 40px 60px;background:#ebf1f3;border-radius:14px}
form#TalentSprintIIScHome .with-icon.full{width:96%!important}
h2.form-heading{padding-bottom:60px;position:relative;font-size:28px;line-height:130%}
h2.form-heading:after{content:"";background:#f38600;position:absolute;height:4px;width:45px;bottom:43px;text-align:left;margin:auto;left:0;right:0;margin-left:0}
form#TalentSprintIIScHome .with-icon input[type=file]{padding:10px 0}
button#form-submit-button{background:#a204fe;padding:14px 56px;color:#fff}
.prg-form{background:#fff;padding:0;border-radius:10px;box-shadow:2px 2px 10px #0003;margin-top:-155px;min-height:777px}
.prg-form h4{font-size:25px;margin-bottom:25px;padding:18px 30px;background:#e86e25;border-radius:10px 10px 0 0;color:#fff;line-height:1em}
.prg-form h4 span{font-size:18px;color:#ebe2e2;font-weight:400}
.prg-form form{padding:0 30px 30px}
.dc-form{background:#ebf0f3;padding:25px 30px;border-radius:10px;min-height:400px}
.dc-form h3 { font-size: 24px; margin-bottom: 30px; font-weight: 500; }
input#Phone2{padding-left:35px!important}
.dc-form.scholarship { background: #fff; box-shadow: 0 3px 20px 0 #5d5b5b17; position: sticky; top: 100px; border: 1px solid #e5e5e5;}
section.sticky-nav ul li.nav-item.apply-link a{background:#1ab15f;color:#fff;display:inline-block;padding:10px 20px;border-radius:5px;margin-left:11px;margin-top:-4px}
p.dc-form-cta{margin-top:20px}
p.terms-condition-label input[type=checkbox]{float:left;margin-right:6px;margin-top:2px;margin-bottom:28px}
p.terms-condition-label label{position:relative;top:-2px;font-size:12px;display:inherit}
input[type=text]:disabled{background:#dedede!important;border:2px solid #dedede!important;color:#000}
p.terms-condition-label label { position: relative; top: 0px; font-size: 12px; display: inherit ; line-height: 1.3em; margin: 12px 0;text-align: left; }
input#Phone {padding-left: 50px !important;}
.carousel-indicators {bottom: -60px;}
.carousel-indicators [data-bs-target] {width: 20px;height: 20px;background-color: #e86e25;}




/* Campus Visit */
#campusVisit{background: #ffffff url(../images/cards-bg.webp) no-repeat; position: relative; background-size: cover; background-position: 100% 100%;}
#campusVisit .content input{display:none}
#campusVisit .content{display:flex;justify-content:space-between;align-items:center}
#campusVisit .content .list { display: flex ; flex-direction: column; position: relative; min-width: fit-content; margin-right: 50px; border: 3px solid #773b96; border-radius: 15px;margin-top: -40px;}
#campusVisit .content .list label { cursor: pointer; height: 55px; line-height: 20px; font-size: 18px; font-weight: 500; color: #00000080; transition: all .5s ease; z-index: 10; border-top: 1px solid #7b3e9852;padding: 10px 20px; }
#campusVisit .content .list label span small{display: block; padding-top: 2px;}
#campusVisit #home:checked ~ .list label.home,#campusVisit #blog:checked ~ .list label.blog,#campusVisit #help:checked ~ .list label.help,#campusVisit #code:checked ~ .list label.code,#campusVisit #about:checked ~ .list label.about{color:#ffffff;background: linear-gradient(310deg, #86479C 0%, #662D90 50%, #572C82 100%);    border-radius: 10px;}
#campusVisit .content .slider{position:absolute;left:0;top:0;height:55px;width:100%;transition:all .5s ease;}
#campusVisit #home:checked ~ .list .slider{top:0}
#campusVisit #blog:checked ~ .list .slider{top:65px}
#campusVisit #help:checked ~ .list .slider{top:130px}
#campusVisit #code:checked ~ .list .slider{top:180px}
#campusVisit #about:checked ~ .list .slider{top:195px}
#campusVisit .content .text-content{width:80%;height:100%;color:#ffffffb3;margin-top: 20px;}
#campusVisit .content .text{display:none;}
#campusVisit .content .text .title{font-size:25px;margin-bottom:10px;font-weight:500}
#campusVisit .container .text p{text-align:justify}
#campusVisit .content .text-content .home{display:block}
#campusVisit #home:checked ~ .text-content .home,#campusVisit #blog:checked ~ .text-content .blog,#campusVisit #help:checked ~ .text-content .help,#campusVisit #code:checked ~ .text-content .code,#campusVisit #about:checked ~ .text-content .about{display:block}
#campusVisit #blog:checked ~ .text-content .home,#campusVisit #help:checked ~ .text-content .home,#campusVisit #code:checked ~ .text-content .home,#campusVisit #about:checked ~ .text-content .home{display:none}
#campusVisit .content .list label:hover{color:#BB86FC}
#campusVisit ul.campus-visit-images li { display: inline-block; vertical-align: top; margin-bottom: 15px; width: 31%; margin-right: 12px; }
#campusVisit ul.campus-visit-images li img { filter: brightness(110%); border-radius: 10px; aspect-ratio: 5 / 3; border: 1px solid #ffffff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; width: 100%; } 

/* @keyframes zoomIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
} */
 @keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Apply the animation ONLY to images in the active tab */
#campusVisit #home:checked  ~ .text-content .home  ul.campus-visit-images li,
#campusVisit #blog:checked  ~ .text-content .blog  ul.campus-visit-images li,
#campusVisit #help:checked  ~ .text-content .help  ul.campus-visit-images li,
#campusVisit #code:checked  ~ .text-content .code  ul.campus-visit-images li,
#campusVisit #about:checked ~ .text-content .about ul.campus-visit-images li {
  animation: fadeIn 700ms ease-out both;
  will-change: transform;
}

/* Staggered timing (adjust as you like) */
#campusVisit ul.campus-visit-images li:nth-child(1) { animation-delay: 300ms; }
#campusVisit ul.campus-visit-images li:nth-child(2) { animation-delay: 300ms; }
#campusVisit ul.campus-visit-images li:nth-child(3) { animation-delay: 300ms; }
#campusVisit ul.campus-visit-images li:nth-child(4) { animation-delay: 300ms; }
#campusVisit ul.campus-visit-images li:nth-child(5) { animation-delay: 300ms; }
#campusVisit ul.campus-visit-images li:nth-child(6) { animation-delay: 300ms; }



section#mediaCoverage ul {padding-left:0}
section#mediaCoverage ul li { width: 32%; vertical-align: top; border: 1px solid #e5e5e5; min-height: 200px; padding: 30px 15px; border-radius: 10px; margin: 0 3px; background: #fff; text-align: center; list-style-type: none; display: inline-block;margin-bottom: 13px; }
section#mediaCoverage ul li a { color: #000; border-radius: 10px; font-size: 17px; line-height: 1.5em;
text-decoration: none; }
section#mediaCoverage ul li a img { width: auto; /* border-bottom: 1px solid #e5e5e5; */ margin-bottom: 15px; display: block; margin: auto; margin-bottom: 15px; height: 40px; }
section#mediaCoverage{background:#ffffff;border: 1px solid #e5e5e5;}

section#FAQs{background:#f9eaff}
#FAQs .accordion-item{margin-bottom:12px;border-radius:10px;border:transparent}
#FAQs .accordion-button:not(.collapsed){background-color:#fff}
#FAQs h2.accordion-header button.accordion-button{font-size:18px;font-weight:500;padding:15px 22px;background:#fff;color:#000;border-radius:15px}
#FAQs .accordion-body ul li{display:inline-block;width:100%;position:relative;padding-left:20px}
#FAQs .accordion-body ul li strong{font-weight:600}
#FAQs .accordion-body ul li:before{content:"";border-color:transparent #878787;border-style:solid;border-width:5px 0 5px 8px;display:block;height:0;width:0;left:-20px;top:15px;position:relative}
#FAQs .accordion-body p strong{font-weight:600}
#FAQs .accordion-button::after{border-radius:50%;background-size:62%;width:35px;height:35px;background-position:center}

footer#site-footer {
    padding: 30px;
}


div.cta-new { background: linear-gradient(90deg, rgb(124 20 183) 0%, #ad07be 100%); background-size: cover; padding: 25px 35px; border-radius: 8px; display: block; margin: auto; width: 100%; box-shadow: 2px 2px 25px #00000012; color: #fff; }
h2.heading.experts { font-size: 30px; font-weight: 500; margin-bottom: 0px !important; }
.scholarship-icon {height: 40px;}
a.corporate-link {color: #fff;font-size: 16px;font-weight: 500;text-decoration: underline;}
p.scholarships-label small {display: block;font-size: 12px;color: #fff;}
p.lets-talk-cta a.button { line-height: 1; text-decoration: none; display: inline-flex; border: none; cursor: pointer; align-items: center; gap: .75rem; background-color: #000000; color: #fff; border-radius: 10rem; font-weight: 500; padding: 20px 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color .3s; font-size: 20px; margin-top: 20px; }


div#specialCorporateEnrolment iframe {
    height: 650px;
}

section#alumniVideos img.batch-video1{width:100%;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:10px}
section#alumniVideos .carousel-item a.testimonial{text-decoration:none}

ul.alumni-images li a strong{font-weight: 500; font-size: 20px; color: #000; padding-bottom: 10px; display: block;}
ul.alumni-images li a span{color:#000;font-size: 16px !important; line-height: 1.5em;}
ul.alumni-images li { width:32%; display: inline-block; vertical-align: top; position: relative;margin: 5px 5px;     margin-top: 30px;}
.youtube iframe{width:100%;height:420px}
button.close{background:#ff5722;color:#fff;font-size:30px;font-weight:700;line-height:0;right:-18px;top:-19px;position:absolute;padding:16px 8px;box-shadow:0 0 11px 0 #00000057;opacity:1;border-radius:50px}

.ai-research-icon, .blockchain-icon, .campus-icon, .cs-icon, .rebotic-research-icon, .research-icon {background: url(../images/why-iiith.webp) no-repeat; overflow: hidden; text-indent: -9999px; display: block; margin: auto; margin-bottom: 10px; }
 
.ai-research-icon { background-position: -20px -0px; width: 80px; height: 80px; }
.blockchain-icon { background-position: -120px -0px; width: 80px; height: 80px; }
.campus-icon { background-position: -20px -100px; width: 80px; height: 80px; }
.cs-icon { background-position: -120px -100px; width: 80px; height: 80px; }
.rebotic-research-icon { background-position: -20px -200px; width: 80px; height: 80px; }
.research-icon { background-position: -120px -200px; width: 80px; height: 80px; }

/* Business Needs*/
section#businessNeeds { background: #fefefe url(../images/business-needs.webp) no-repeat; position: relative; background-size: cover; background-position: 100% 100%; padding-bottom: 467px; }
#businessNeeds div.businessDetails { border: 1px solid black; border-radius: 20px; position: relative; padding: 30px; }
#businessNeeds div.businessDetails p.helptitle { position: absolute; top: -20px; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: max-content; background: #F5EDFC; font-size:22px; font-weight: 500; padding: 5px 15px; border-radius: 10px; }
#businessNeeds div.businessDetails ul.needQuote {width:85%;margin: auto;margin-top:10px;}
#businessNeeds div.businessDetails ul.needQuote li { display: inline-block; width: 32%; flex-direction: column; font-size: 18px; font-weight: 500; margin-top: 16px;text-align: center; vertical-align: top;}
#businessNeeds div.businessDetails ul.needQuote li svg{fill: #7908B3;height:32px;       margin: auto; display: block;    margin-bottom: 15px;}
#businessNeeds div.businessDetails p.mailid svg{height: 30px;margin-right: 10px;}
#businessNeeds div.businessDetails p.mailid a{color: #000;font-weight: 400;}
button.close { background: #ff5722; color: #fff; font-size: 30px; font-weight: 700; line-height: 0; right: -18px; top: -19px; position: absolute; padding: 16px 8px; box-shadow: 0 0 11px 0 #00000057; opacity: 1; z-index: 1; border-radius: 30px; }
.intl-tel-input .flag-dropdown .country-list { text-align: left;}

.tab-content { z-index: 999; margin-bottom: -5px; padding-top: 0px; padding-bottom: 0px; background: transparent; }
.tab-content.active {display: block;}
.filter-container { display: flex; align-items: center; position: relative; border-radius: 40px; }
.filter-buttons button.active { color: rgb(255, 255, 255); position: relative; font-weight: bold; background: rgb(169, 23, 254); border-radius: 40px; } 
.filter-buttons button { font-size: 15px; cursor: pointer; color: rgb(142, 146, 162); flex: 0 0 auto; background: none; padding: 7px 20px; white-space: nowrap; border-width: 1px; border-style: solid; border-color: rgb(191, 191, 191); border-image: initial; border-radius: 40px; }
.filter-buttons { display: block; overflow-x: auto; white-space: nowrap; scrollbar-width: none; scroll-behavior: smooth; min-height: 50px; margin: auto;     margin-bottom: 30px;}
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {color: #000 !important; text-decoration: underline; font-weight: 500 !important; background-color: transparent !important; height: auto; font-size: 12px !important; border: none; padding: 0px !important;margin-right: 8px;}
a.cookie-policy{color: #000; text-decoration: underline; font-weight: 500 !important; background-color: transparent !important; height: auto; font-size: 12px; border: none; padding: 0px !important;font-weight: 500 !important;}

.intl-tel-input .flag-dropdown { margin-top: 4px}
label a { color: #a440b3; text-decoration: underline; }
div#collapseFaqOne a { color: #a440b3; text-decoration: underline; } 

.row.grid.mt-35 { margin-left: 163px; }