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:#c21734}
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: 0px; }
nav.navbar.navbar-expand-lg a.navbar-brand img { height:78px; 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: 140px; position: relative; overflow: hidden; color: #fff; background: url(../images/iim-mumbai-banner.webp) no-repeat; background-size: cover; background-position: -90px -20px; min-height: 100vh; }
.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:56px; 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; }


p a.intro-btn { font-size: 18px; background:#a102ff; padding: 20px 40px; border-radius: 50px; font-weight: 500; color: #fff; border: 1px solid #a102ff; 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: 500; font-size: 17px; color: #000; vertical-align: top; padding: 5px 9px; width: 19%; border-right: 1px solid #e5e5e5; min-height: 80px; text-align: center; line-height: 1.4em; }
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}


ul.institue-rankings li { display: inline-block; width: 48%; font-size:16px; line-height: 1.5em; vertical-align: top; min-height: 180px; position: relative; color: #000; text-align: left; margin-right: 10px; margin-bottom: 14px; padding: 25px; border-radius: 8px; border-width: 1px; border-style: solid; border-color: rgb(219, 217, 217); border-image: initial; }
ul.institue-rankings li strong { display: block; font-size: 28px; font-weight: 600;margin-bottom: 10px; } 
ul.institue-rankings li img { width: auto; height: 45px; margin-top: 10px; display: block; margin-bottom: 20px; }
ul.institue-rankings li svg { margin-top: 10px; display: block; margin-bottom: 20px; }



/* 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;}
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 { position: sticky; top: 93px; z-index: 999; padding-top: 0; padding-bottom: 0; background: transparent;transition: background 0.3s ease; }

.tab-content.stuck {background: linear-gradient(90deg, rgb(255 253 254) 0%, rgb(255 249 254) 19%, rgb(253 245 252) 38%, rgb(255 245 253) 62%, rgb(254 246 253) 82%, rgb(249 232 254) 100%); }
.tab-content.sticky-active {background: linear-gradient(90deg, rgb(255 253 254) 0%, rgb(255 249 254) 19%, rgb(253 245 252) 38%, rgb(255 245 253) 62%, rgb(254 246 253) 82%, rgb(249 232 254) 100%);}

.filter-container { display: flex ; align-items: center; position: relative; border: 3px solid #e4b5ff; width: max-content; margin: auto; border-radius: 40px; }
.filter-buttons { display: flex ; overflow-x: auto; white-space: nowrap; gap: 0px; padding: 0px; scrollbar-width: none; scroll-behavior: smooth; flex-grow: 1; align-items: center; justify-content: center;background: linear-gradient(90deg, rgb(255 253 254) 0%, rgb(255 249 254) 19%, rgb(253 245 252) 38%, rgb(255 245 253) 62%, rgb(254 246 253) 82%, rgb(249 232 254) 100%); border-radius: 90px; }
.filter-buttons button { flex: 0 0 auto; border: none; background: none; padding: 11px 15px; font-size: 16px; cursor: pointer; white-space: nowrap; color: #060606; border-radius: 50px; }
.filter-buttons button.active { font-weight: bold; color: #ffffff; position: relative; background: #a504fd; }
/* .filter-buttons button.active:after { content: ""; background: #a917fe; position: absolute; bottom: -10px; left: 30%; height: 4px; width: 40%; } */
.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;color: #000;} 
.scroll-left { left:-10px; background: #ffffff00;} 
.scroll-right { right:-10px; background: #ffffff00; } 
.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; }
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: 300px; color: #2e2d31; background: #fff; overflow: hidden; border-radius: 20px; padding: 0px; } 
#programsList  .card_content p.program-label { position: absolute; left: 0; top: -18px; } 
#programsList  .card_content p.program-label span {background:#393939;color: #fff; font-size: 14px; padding: 6px 10px 6px 25px; display: inline-block;} 
#programsList  .temporary_text { font-weight: bold; font-size: 24px; padding: 6px 12px; color: #f8f8f8; } 
#programsList  .card_title { font-weight: bold; } 
.card_content { position: absolute; left: 0; bottom: 153px;top: 0; width: 100%; padding: 20px; background: #ffffff; border-top-left-radius: 20px; transform: translateY(150px); transition: transform .25s; } 
#programsList  .card_title { color: #131313; line-height: 15px; } 
#programsList  .card_subtitle { display: block; font-size: 12px; margin-bottom: 10px; } .card_description { font-size: 14px; opacity: 0; transition: opacity .5s; }
#programsList  .card:hover .card_content {transform: translateY(0);}
#programsList  .card:hover .card_content p.program-label{top:0px;}
#programsList  .card:hover .card_content p.program-label span{font-size: 16px;}
#programsList  .card:hover p.card-text{font-size: 15px;}
#programsList  .card:hover .card_content .card-title{margin-top: 25px;font-size: 21px;}
#programsList  .card:hover .card_content p.program-highlights{font-size: 15px;}
#programsList  .card:hover .card_content img.star-icon{min-height: 14px;}
#programsList  .card:hover .card_description{opacity: 1;transition-delay: .25s;}
#programsList .card:hover .card_content a{display: inline-block;}




section#aboutPartner { background: #ffffff url(../images/cards-bg.webp) no-repeat; background-size: cover; background-position: center; }
img.xlri-image-one { width: 100%; margin-top: 90px; border-radius: 10px; border: 2px solid #ffffff; }


form#awsForm .with-icon input,form#awsForm .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#awsForm .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#awsForm .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#awsForm .with-icon input[type=file]{padding:10px 0}
button#form-submit-button { background: #a917fe; padding: 12px 50px; color: #fff; border-radius: 40px; }
.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;}



section#aboutTalentSprint iframe { width: 100%; height: 800px; border-width: initial; border-style: none; border-color: initial; border-image: initial; }


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: 6px 3px; background: #fff; text-align: center; list-style-type: none; display: inline-block; }
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:#f9eaff;}


section#FAQs{background:#fff}
#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;
}