html{scroll-behavior:smooth}
body{font-family:Metropolis;-webkit-font-smoothing:antialiased;-webkit-animation:fix 1s 1;animation:fix 1s 1;overflow-x:hidden;line-height:1.5em;font-weight:300;color:#000;font-size:17px}
h1,h2,h3,h4,h5{color:#000;font-weight:600;margin-bottom:20px}
a{color:#05182b}
a:hover{color:#05182b}
a,a:hover{text-decoration:none}
a:focus{outline:none}
p{margin:0 0 10px;line-height:1.5em;font-size:17px}
p:last-child{margin-bottom:0}
ul{padding: 0}
p.paragraph{line-height: 1.7em; font-size: 20px;}
p.paragraph strong{font-weight: 600; color: #4c067b;}
.dtr-pt-100,.dtr-py-100{padding-top:100px}
.dtr-pb-100,.dtr-py-100{padding-bottom:100px}
.dtr-pt-80,.dtr-py-80{padding-top:80px}
.dtr-pb-80,.dtr-py-80{padding-bottom:80px}
.dtr-pt-50,.dtr-py-50{padding-top:50px}
.dtr-pb-50,.dtr-py-50{padding-bottom:50px}
.dtr-pt-30,.dtr-py-30{padding-top:30px}
.dtr-pb-30,.dtr-py-30{padding-bottom:30px}
.accordion{--bs-accordion-btn-focus-border-color:unset;--bs-accordion-btn-focus-box-shadow:unset}
.accordion-item:first-of-type,.accordion-item:last-of-type{border-radius:15px}
.modal-dialog{width:70%;max-width:800px;margin-top:120px}
.modal-dialog img.faculty-modal-img{height:130px;display:block;margin-bottom:15px;border-radius:5px}
.modal-dialog h4{font-size:22px;margin-bottom:5px}
.modal-dialog p{font-size:16px}
.modal-body{padding:20px}
button.btn-close{background:#FF5722;color:#fff;font-size:29px;font-weight:500;line-height:0;right:-18px;top:-19px;position:absolute;padding:3px;box-shadow:0 0 11px 0 #00000057;opacity:1;border-radius:50px;z-index:99}
.modal-dialog{width:100%;margin-top:100px;max-width:750px}
.modal-dialog iframe{width:100%;height:440px}
h2.heading { font-size: 36px; font-weight: 500;margin-bottom: 50px!important;}
h2.heading span { display: block; font-size: 16px;color: #630a9f; margin-bottom: 8px; font-weight:500; }
h2.heading span.one {color: #fff;display: block}
header.cd-auto-hide-header p.topbar.fixed-top { text-align: center; padding: 10px; border: unset; font-size:17px; background: linear-gradient(310deg, #86479C 0%, #662D90 50%, #572C82 100%); color: #fff; }
header.cd-auto-hide-header p.topbar.fixed-top strong{font-weight: 500;}
header.cd-auto-hide-header p.topbar a { text-decoration: underline; color: #fff; }
nav.navbar.navbar-expand-lg { width: 100%; padding: 0; background: #fff; margin-top: 0px; border-bottom: 1px solid #e5e5e5; top: 0; }
nav.navbar.navbar-expand-lg a.navbar-brand img { height:62px; margin: 5px 0; }
ul.navbar-nav li.nav-item{font-size:14px;font-weight:400;padding-right:4px;padding-top:0;display:inline-block}
ul.navbar-nav li.nav-item a.nav-link.apply-now-menu { background: #222; color: #fff; padding:10px 24px; border-radius: 40px; margin-top: -2px; }
ul.navbar-nav li.nav-item a{color:#0a1517;font-size:16px;text-decoration:none;margin-right: 10px;}
a.nav-link.refer-link { background: #1ab15f; color: #fff !important; display: inline-block; padding: 10px 25px !important; border-radius: 5px; margin-left: 11px; margin-top: -4px;}
ul.navbar-nav li.nav-item a.nav-link.button { color: #fff; border: 1px solid #000; font-size: 20px; padding: 10px 20px; font-size: 16px; }
ul.navbar-nav li.nav-item a.nav-link.button:hover{border: 1px solid #A917FE;}
ul li.nav-item.apply-link a, p.mobile-apply a{color: #000000; padding: 10px 20px !important; border-radius: 25px; margin-left: 11px; margin-top: -4px;border: 1px solid black;}
li.nav-item.mn.apply-link a:hover{border: 1px solid #A917FE;}

ol.breadcrumb { background: transparent; padding: 0;margin-top: 0;margin-bottom: 0; } 
ol.breadcrumb li.breadcrumb-item a, ol.breadcrumb li.breadcrumb-item { color:#000; text-decoration: none; font-size: 12px; } 
ol.breadcrumb li.breadcrumb-item:last-child a{color:#bebab7;}
ol.breadcrumb li.breadcrumb-item { color: #000; /* text-decoration: underline; */ } 
.breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #000; content: "/"; }

header.cd-auto-hide-header{background:#fff;padding-top:0;z-index:998;width:100%;display:inline-block;max-width:100%;border-bottom:1px solid #dadada;top:39px}
header.cd-auto-hide-header .container{position:relative}

section.bannersection { padding-top:150px; position: relative; overflow: hidden; color: #fff; background: url("../images/banner-new.jpg") no-repeat; background-size: cover; background-position: bottom; min-height:700px; }
.bannersection h2.program_title{font-size:28px;color:#ff970e}
.bannersection p { font-size:17px; font-weight: 300; color: #000000; margin-top: 20px; line-height: 1.5em; }
h1.marketing-title { font-size:44px; font-weight: 600; color: #000; margin-bottom: 10px; line-height: 1.1; }
h1.marketing-title span { font-size:26px; font-weight: 500; display: block; padding-bottom: 8px; padding-top: 16px; }
img.first-iim-img { height:70px; margin-right: 20px; margin-top: 20px; }
img.iimc-logo { height:68px; float: right; }
img.school-accredation { height: 85px; float: right; margin-top: 30px; }

p a.intro-btn { font-size: 18px; background: #222222; padding: 20px 40px; border-radius: 50px; font-weight: 500; color: #fff; border: 1px solid #000000; text-decoration: none; }
p a.intro-btn:hover{text-decoration:none}
p a.intro-btn img{height:15px;margin-right:10px;margin-top:-3px}
p.apply-now-cta{margin-top:50px}

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:15px; color: #000; vertical-align: top; padding: 5px 9px; width: 19%; 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;}

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;}
/* Animation card */
#programsList .card { position: relative; width: auto; min-height:390px; 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;}
.grid-item .card h3.card-title {font-size:18px;padding-left: 20px;padding-bottom: 5px;}
.grid-item .card h3.card-title span {color: #913d97;display: block;    font-size: 20px;}
.grid-item .card p.batch-duration {font-size: 16px; font-weight: 500; padding-left: 23px;}
.grid-item .card p.card-tagline {background: #eddcec; padding: 8px 12px; padding-left: 15px; font-size: 15px; font-weight: 400;}
.grid-item .card p.program-highlights { font-size: 16px; font-weight: 500; color: #b95c27; padding-left: 15px;padding-right: 15px; margin-top: 15px;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:31%;padding:22px 20px;vertical-align:top;text-align:center;line-height:1.4;background:0 0;margin:5px;min-height:206px;border-radius:9px;border:2px solid #dbdbdb;font-size: 16px;font-weight: 500;}
ul.rankings-list li img{margin-top: 10px; margin-bottom: 20px; height: 55px;}
ul.rankings-list li span{font-size:20px;font-weight:500;color:#000;line-height:1.2;margin-bottom:10px;display:block}


section#aboutPartner {background: #e7f6ff;}
form#TalentSprintIIMCHome .with-icon input,form#TalentSprintIIMCHome .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#TalentSprintIIMCHome .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#TalentSprintIIMCHome .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#TalentSprintIIMCHome .with-icon input[type=file]{padding:10px 0}
button#form-submit-button{background:#e86e25;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: max-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: 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%);}
#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; }

#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;}